На премиумных шаблонах перестали работать карты Google

Что делать если у вас на премиумных шаблонах перестали работать карты Google.

На премиумных шаблонах перестали работать карты Google

Ошибка
При загрузке Google Карт на этой странице возникла проблема. Подробности вы найдете в консоли JavaScript.

 

На премиумных шаблонах перестали работать карты Google

При этом консоль ошибок отправляет нас на страницу
https://developers.google.com/maps/documentation/javascript/error-messages#missing-key-map-error,
где описана ошибка MissingKeyMapError.

Переходим по ссылке «See the guide to API keys and client IDs.» и попадаем на страницу https://developers.google.com/maps/documentation/javascript/get-api-key

На премиумных шаблонах перестали работать карты Google

Жмем «Получить Ключ», при этом вы должны быть залогинены в свой google-аккаунт.

На премиумных шаблонах перестали работать карты Google

Жмем продолжить и ждем пока появится эта страница:

На премиумных шаблонах перестали работать карты Google

Вводим название своего ключа и домен, на котором он будет использоваться и жмем Получить, после этого во всплывающем окне появляется наш ключ, например:

 AIzabyC2Yoh_d1l9AZ7GUp5rP_avurGrYuHb3YM 

— это измененный мой ключ, так что не используйте его.

Часть вторая. Самая интересная. Добавляем ключ к скрипту maps.google.com

 
Теперь полученный ключ нужно использовать на сайте. Наверняка скоро разработчики шаблонов выведут в админке отдельное поле под ключ для карт Google, но пока что придется вносить правки напрямую в шаблон, я противник таких методов, но в данном случае иначе никак, можете попробовать вносить правки в дочерний шаблон.

Я просто искал в исходном коде страницы упоминания о google, там были скрипты со шрифтами, но нужны api карт, вот нашел такой скрипт:

<script type='text/javascript' src='//maps.google.com/maps/api/js?sensor=false'></script>

Теперь ищу его в шаблоне.
В шаблоне Fortuna нашлось 2 упоминания этого скрипта, он подключается в шорткодах, а так же на странице с шаблоном Контакты:

На премиумных шаблонах перестали работать карты Google

Чтобы указать ключ в запросе, добавьте его как значение параметра key.
Пример:

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

Теперь добавляю полученный API в свои файлы, получаю такой вид:

...
... maps.google.com/maps/api/js?sensor=false&?key=AIzabyC2Yoh_d1l9AZ7GUp5rP_avurGrYuHb3YM
...
... maps.google.com/maps/api/js?key=AIzabyC2Yoh_d1l9AZ7GUp5rP_avurGrYuHb3YM

И Google Maps работают на Вашем сайте:

На премиумных шаблонах перестали работать карты Google

Просмотров:

Добавить комментарий

Adblock
detector