Google Embedded Iframe показывает полную карту мира (не местоположение)
<iframe src="https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d26008.43855814021!2d-78.795673!3d35.428672!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0%3A0xf25f9e0e1fa54ed!2sLillington+Veterinary+Hospital!5e0!3m2!1sen!2sus!4v1393359301118" width="450" height="200" frameborder="0" style="border:0"></iframe>
Я использую приведенный выше код для вставки предварительного просмотра google maps на веб-сайт. Но проблема в том, что при размещении на веб-сайте он масштабируется на всю карту мира. Когда я нажимаю preview embed size (пользовательский размер) на Google maps при создании карты, она отлично отображается.
Скриншот включен в том, как он отображается на веб-сайте, расположенном здесь: https://productforums.google.com/forum/#!category-topic/maps/issues-and-troubleshooting/maps/mac/chrome/KaQPRdnK4ZU
Я делаю что-то не так? Я новичок во внедрении карт google.
1 ответ:
Это, кажется, работает:
<iframe width="425" height="350" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="https://maps.google.com/maps?t=m&hl=en-GB&gl=US&mapclient=embed&ie=UTF8&ll=35.432002,-78.795919&spn=0.04336,0.084543&z=14&iwloc=lyrftr:m,1091553228966483181,,&output=embed"></iframe><br /><small><a href="https://maps.google.com/maps?t=m&hl=en-GB&gl=US&mapclient=embed&ie=UTF8&ll=35.432002,-78.795919&spn=0.04336,0.084543&z=14&iwloc=lyrftr:m,1091553228966483181,,&source=embed" style="color:#0000FF;text-align:left">View Larger Map</a></small>
Смотрите здесь: http://jsfiddle.net/5zpd9/
На более старой версии Google Maps, has дает вам ссылку для вставки, когда вы нажимаете на значок ссылки цепи:
О, и более новая версия может быть связана нажатием кнопки "Поделиться и вставить карту":
Который покажет более новую версию используя:
<iframe src="https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d26008.454059026204!2d-78.795912!3d35.428624!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0%3A0xf25f9e0e1fa54ed!2sLillington+Veterinary+Hospital!5e0!3m2!1sen!2sus!4v1393365205127" width="600" height="450" frameborder="0" style="border:0"></iframe>