Встроенная карта Google, не центрирующаяся на местоположении в определенных сетях

Я использую встроенные карты Google для рендеринга карты с динамическим местоположением на определенной странице с определенным местоположением. Iframe содержит URL-адрес карты Google для встраивания с параметром q= для получения местоположения. Например вот так:

<iframe height="200" frameborder="0" style="border:0; width:100%;" src="https://www.google.com/maps/embed/v1/place?key=GOOGLE_API_KEY_HERE&q=Fabryczna+20A,+Kraków,+Poland" allowfullscreen></iframe>

Обычно он отображается нормально, как здесь: Правильный способ рендеринга встроенной карты Google

Но что странно, иногда в том же браузере, на том же оборудовании он отображается так, как будто адрес не указан:

Неверный способ рендеринга встроенной карты Google

То, что я наблюдал, похоже, связано с разными сетями (но не со скоростью сети) — так, например, я смог нормально просматривать карту, используя домашний Wi-Fi, но когда я переключился на свою офисную сеть или мобильную сеть (для Например, при использовании личной точки доступа и сотовой сети) может возникнуть проблема.

Когда возникает эта проблема, iframe src такой же, как и при его отсутствии. Но содержимое iframe меняется.

Как решить эту проблему?

Спасибо


person pmp    schedule 08.11.2017    source источник


Ответы (1)


Для этого есть довольно простое решение. Это связано с ключом Google API. Если вы хотите встроить свое местоположение на свой веб-сайт, я рекомендую использовать функцию встраивания, которую могут предложить Карты Google.

Просто сделайте следующее:

Введите свое местоположение в Google Maps > Share > Embed Map.

В итоге вы получите такой код:

<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2488.201651849343!2d19.975045070729283!3d50.06547331892074!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x47165b28caac7d19%3A0xbd9f87d30b21ac38!2sFabryczna+20A%2C+Krak%C3%B3w%2C+Poland!5e0!3m2!1sen!2snl!4v1510144269138" width="600" height="450" frameborder="0" style="border:0" allowfullscreen></iframe>

Вы также можете определить, что вы увидите на встроенных картах Google, прокручивая перед встраиванием карты.

Надеюсь это поможет!

person Murkemur    schedule 08.11.2017
comment
Спасибо за ваш ответ! Но это местоположение динамическое, поэтому я не могу поделиться им с платформы Google :/ - person pmp; 08.11.2017
comment
Для статических карт Google я бы рекомендовал вам проверить Static Maps API от Google. Находится здесь: developers.google.com/maps/documentation/static-maps - person Murkemur; 08.11.2017