Предупреждение Google Maps JavaScript API: NoApiKeys

Наш сайт выдает предупреждение «Эта страница не может правильно загружать Карты Google». Я использую комплект symfony2 "ivory-google-map". В консоли мы обнаружили предупреждение как «Предупреждение Google Maps JavaScript API: NoApiKeys https://developers.google.com/maps/documentation/javascript/error-messages#no-api-keys» Любая помощь могла бы быть полезна.

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

Bolphgolph 27.08.2018 09:33
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Безумие обратных вызовов в javascript [JS]
Безумие обратных вызовов в javascript [JS]
Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
JavaScript Вопросы с множественным выбором и ответы
JavaScript Вопросы с множественным выбором и ответы
Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...
3
1
2 136
2

Ответы 2

Как говорится в сообщении об ошибке, вам понадобится APIKey, чтобы удалить эту ошибку.

Вы можете получить APIKey из https://developers.google.com/maps/documentation/javascript/get-api-key#get-an-api-key

И примените этот ключ к своему коду, например:

<script async defer src = "https://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY&callback=initMap" type = "text/javascript"></script>

После этого вышеуказанная ошибка больше не будет существовать!

Если вы не хотите покупать ключ API и вам нужна только статическая карта, вы можете использовать для этого iFrame.

<div class = "mapouter"><div class = "gmap_canvas"><iframe width = "600" height = "500" id = "gmap_canvas" src = "https://maps.google.com/maps?q=university%20of%20san%20francisco&t=&z=13&ie=UTF8&iwloc=&output=embed" frameborder = "0" scrolling = "no" marginheight = "0" marginwidth = "0"></iframe><a href = "https://www.pureblack.de"></a></div><style>.mapouter{text-align:right;height:500px;width:600px;}.gmap_canvas {overflow:hidden;background:none!important;height:200px;width:300px;}</style></div>

Но я не знаю, как долго это будет возможно

Другие вопросы по теме