วิธีทำ :
http://blog.readyplanet.com/15088455/%E ... google-map
ตัวอย่าง http://www.scivalve.com/contact.php
How to Embed Google Maps Responsively :
ใช้ code :
- <style>
- .google-maps {
- position: relative;
- padding-bottom: 75%; // This is the aspect ratio
- height: 0;
- overflow: hidden;
- }
- .google-maps iframe {
- position: absolute;
- top: 0;
- left: 0;
- width: 100% !important;
- height: 100% !important;
- }
- </style>
- <div class="google-maps">
- <iframe src="https://www.google.com/maps/embed?pb=!1m14!1m12!1m3!1d7098.94326104394!2d78.0430654485247!3d27.172909818538997!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!5e0!3m2!1sen!2s!4v1385710909804" width="600" height="450" frameborder="0" style="border:0"></iframe>
- </div>
ที่มา http://www.labnol.org/internet/embed-re ... aps/28333/
ถ้าต้องการให้แผนที่ Zoom อีกให้ใส่
it seems you can use a
- &z=nn
เช่น
- <iframe src="https://www.google.com/maps/d/u/0/embed?mid=zUAvuxyMmsZY.kshc6DxqAd0o&z=17.5" width="640" height="480"></iframe>
ที่มา http://gis.stackexchange.com/questions/ ... bedded-map
No comments:
Post a Comment