На премиумных шаблонах перестали работать карты Google
Ошибка
При загрузке Google Карт на этой странице возникла проблема. Подробности вы найдете в консоли JavaScript.
При этом консоль ошибок отправляет нас на страницу
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-аккаунт.
Жмем продолжить и ждем пока появится эта страница:
Вводим название своего ключа и домен, на котором он будет использоваться и жмем Получить, после этого во всплывающем окне появляется наш ключ, например:
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 упоминания этого скрипта, он подключается в шорткодах, а так же на странице с шаблоном Контакты:
Чтобы указать ключ в запросе, добавьте его как значение параметра 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 работают на Вашем сайте:
Редактируем файл httpd.conf. httpd.conf отвечает за глобальные инструкции для сервера, т.е. внесенные в него изменения…
Редакции (или ревизии) в WordPress существуют уже давно. Они позволяют сохранять резервную копию записи или…
UPD 11.10.2017 Метод, использующий on_sent_ok hook, больше не рекомендуется. Эта функция будет отменена к концу…
Как вывести описание категории под товарами в Woocommerce? Вставьте код ниже в файле archive-product.php после…
77 комментариев
Ответить
Доброго времени, Денис! У меня стоит тема BeTheme. В коде нашел скрипт для ключа. Только дело в том, что он отличается от тех, которые я уже видел у других вебмастеров. Как объяснил мне один из них — просто этот код по разному выглядит при вызове его из разных доменов Гугла. Так вот, мой код выглядит так:
wp_enqueue_script( 'google-maps', 'http'. mfn_ssl() .'://maps.google.com/maps/api/js', false, THEME_VERSION, true );Вопрос: где в этот код мне нужно вписать параметр кеу, чтобы у меня стали отображаться карты?
Попробуйте так:
wp_enqueue_script( 'google-maps', 'http'. mfn_ssl() .'://maps.google.com/maps/api/js?key=YOUR_API_KEY', false, THEME_VERSION, true );Спасибо, попробую!
Николай, как успехи? Получилось?)
Доброго времени, Денис!
Сделал, всё работает: _http://slater.su/севастополь
Спасибо Вам огромное!
Насколько я понял, Вы специализируетесь по ВП? Ежели чего, можно к Вам обращаться за советом?
Кстати, вопрос к Вам, как к разработчику сайтов на ВП — на сколько оцените сайт, который я сделал (ссылка выше)?
Я не на все вопросы знаю ответы и часто занят по времени, но где-то могу что-то и подсказать, если знаю.
По сайту некоторые моменты я бы сделал по другому;)
Немного странное сочетание цвета в левом меню — коричневый и зеленый, и я всегда ЧПУ настраиваю на латиницу, кириллицу не люблю за такие адреса при копировании
_http://slater.su/%D1%81%D0%B5%D0%B2%D0%B0%D1%81%D1%82%D0%BE%D0%BF%D0%BE%D0%BB%D1%8C
А так, вроде бы норм.
Николай, где в BeTheme нашли код скрипта?
А как искать этот файл в котором надо сделать исправление? У меня похожая ситуация, только плагин с картой в админке WP используется для аналитических целей. Никак не могу понять где править (
Нашел все таки в плагине. Спасибо за наводку
Здравствуйте! Возникла такая проблема первый раз( Ключ получила,но не пойму где именно его вставлять. Можете подсказать пожалуйста? Сайт на Joomla
Вот какие строчки выдал поиск по файлам —
$onload .= "script.src = '{$scheme}://maps.googleapis.com/maps/api/js?key={$key}&sensor={$sensor}&callback={$asynccallback}';";Line 607: $output = "";
Line 677: $url = 'http://maps.googleapis.com/maps/api/geocode/json?sensor=false&address=' . urlencode($address);
C:\WebServers\home\localhost\www\tdk\plugins\system\helix\shortcodes\map.php (1 hits)
Line 23: Helix::addShortcodeScript('https://maps.googleapis.com/maps/api/js?v=3.exp&sensor=true', ',', false);
C:\WebServers\home\localhost\www\tdk\templates\shaper_corporex\shortcodes\map.php (1 hits)
Line 23: Helix::addShortcodeScript('https://maps.googleapis.com/maps/api/js?v=3.exp&sensor=true', ',', false);
Судя по этому
key={$key}— у Вас в шаблоне где-то есть поле в которое можно ввести ключ API Google через админку, не трогая код.Доброго времени Денис. У меня такая же проблема с картой на сайте. Помогите с кодом, нашел на сайте вот такой код:
wp_enqueue_script( 'googlemap','https://maps.googleapis.com/maps/api/js', array('jquery'), '1.0', true);Делаю как у вас, мой пример:
wp_enqueue_script( 'googlemap','https://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY', array('jquery'), '1.0', true);Но ситуация такая же, пишет ошибку. Благодарю за ответ заранее.
Ну так вместо этой фразы «YOUR_API_KEY» нужно ввести ключ, полученный здесь https://developers.google.com/maps/documentation/javascript/get-api-key#key
Денис доброе утро, но проблема не исчезла. Получил код и вписал его в функции темы (functions.php)
в этой строке
wp_enqueue_script( 'googlemap','https://maps.googleapis.com/maps/api/js?key=AIzaSyDtv6DUEkRtuqSig94hqqGLrU11gG_Wn10', array('jquery'), '1.0', true);Может быть нужно сделать еще? подскажи пож-та
А дайте ссылку на страницу посмотреть, и попробуйте CTRL + F5, чтобы очистить кеш.
Обновил кэш)) Спасибо
Денис доброго времени суток, у меня опять проблема возникла с еще одним сайтом по карте, но здесь пробовал все, но карта не показывается. Выходит та же ошибка. Вопрос: где в этот код мне нужно вписать параметр кеу, чтобы у меня стали отображаться карта?
wp_register_script( 'googlemap', 'http://maps.google.com/maps/api/js?sensor=false', '1.8', true );Ставил после знака «?», но не выходит. Подскажи пож-та
Такой вариант не работает?
wp_register_script( 'googlemap', 'http://maps.google.com/maps/api/js?key=123abc', '1.8', true );где 123abc — это ваш ключ.
Привет, Денис. Похожая проблема, но ситуация такая: Использую шаблон Explorable и по инструкции в админке должно быть поле для ввода api (в официальной инструкции так говорится) но я его не нашел. С помощью поиска выявил что нужные строки лежат в файле functions.php
wp_enqueue_script( 'google-maps-api-admin', 'http://maps.google.com/maps/api/js?sensor=false&?key=AIzaSyC0cOvywyRcyvJL43-linMTfqcgtmKazB8', array( 'jquery' ), '1.0', true );и
wp_enqueue_script( 'explorable-google-maps-api', is_ssl() ? 'https://maps-api-ssl.google.com/maps/api/js?sensor=false&?key=AIzaSyC0cOvywyRcyvJL43-linMTfqcgtmKazB8' : 'http://maps.google.com/maps/api/js?sensor=false&?key=AIzaSyC0cOvywyRcyvJL43-linMTfqcgtmKazB8 ', array( 'jquery' ), '1.0', false );Но все равно не заработала карта. В месте где должна быть карта текст «Ошибка
При загрузке Google Карт на этой странице возникла проблема. Подробности вы найдете в консоли JavaScript.»
Было что-то похожее, почему-то не срабатывал скрипт и начинал работать только после удаления
?sensor=false&. Попробуйте, может и Вам поможет.Блин все перепробовал не фига карта не появляется ПОМОГИТЕ
Был такой код
$google_maps_json_url = ( is_ssl() ? 'https' : 'http' ) . '://maps.googleapis.com/maps/api/geocode/json';прописал-
//maps.googleapis.com/maps/api/geocode/json?key=тут свой код'убрал
?sensor=false&все рано карта не выходит
может еще файле каком прописать нужно
3 часа лазил не нашел больше не где на карты гугл переходов
прошу подсказку
1. Попробуйте CTRL + F5.
2. Попробуйте заменить код на этот:
//maps.google.com/maps/api/js?key=тут свой код'3. Или сбросьте ссылку на сайт через почту, чтобы посмотреть подробнее.
на полсекунды появляется и сбрасывает
Попробовал не помогает
сейчас ссылку через почту скину посмотри будь любезен без карты вид сырой прям
Хочу искренне поблагодарить Denis Creative помог совершенно бескорыстно разобраться с этой картой. У меня в шаблоне на гугл мар 4 запроса было в 2 файлах. Я только одну строку менял чуть с ума не сошел, потом Denis Creative направил в нужную сторону, я в остальных строках свой кей дописал и заработала
УРА! товарищи УРА!
Не могу найти в коде в каком файле нужно делать правки, не могли бы Вы посмотреть?
Скорее всего в файле functions.php или каком-то файле подключаемом в functions.php.
Попробуйте поискать по всем файлам шаблона через Notepad++ фразу
maps.googleapis.com/maps/apiСпасибо за совет, нашел в одном месте, добавил ключ, получилась такая строка
$map_api = 'http' . ( ( is_ssl() ) ? 's' : '' ) . '://maps.googleapis.com/maps/api/js?key=AIzaSyB48DHPl7a0L2hS-oPEvbqqiMvxjBJ6zE8' . substr( get_locale(), 0, 2 );но вот изменений не наступило, кэш чистил, в другом браузере смотрел
Вы, когда добавили ключ, что-то поломали в исходном коде, потому что теперь неправильно отображается локализация.
Ключ вписали в правильном месте, но где-то допустили ошибку, посмотрите еще раз, надеюсь копия старого файла есть.
Или попробуйте такой вариант:
$map_api = 'http' . ( ( is_ssl() ) ? 's' : '' ) . '://maps.googleapis.com/maps/api/js?key=AIzaSyB48DHPl7a0L2hS-oPEvbqqiMvxjBJ6zE8';Изначально было так
$map_api = 'http' . ( ( is_ssl() ) ? 's' : '' ) . '://maps.googleapis.com/maps/api/js?language=' . substr( get_locale(), 0, 2 );Полная секция такая
if ( ! Avada()->settings->get( 'status_gmap' ) ) {$map_api = 'http' . ( ( is_ssl() ) ? 's' : '' ) . '://maps.googleapis.com/maps/api/js?language=' . substr( get_locale(), 0, 2 );
wp_register_script( 'google-maps-api', $map_api, array(), $theme_info->get( 'Version' ), false );
wp_register_script( 'google-maps-infobox', 'http' . ( ( is_ssl() ) ? 's' : '' ) . '://google-maps-utility-library-v3.googlecode.com/svn/trunk/infobox/src/infobox_packed.js', array(), $theme_info->get( 'Version' ), false );
}
Вы не пробовали этот вариант?
$map_api = 'http' . ( ( is_ssl() ) ? 's' : '' ) . '://maps.googleapis.com/maps/api/js?key=AIzaSyB48DHPl7a0L2hS-oPEvbqqiMvxjBJ6zE8';или такой:
$map_api = 'http' . ( ( is_ssl() ) ? 's' : '' ) . '://maps.googleapis.com/maps/api/js?key=AIzaSyB48DHPl7a0L2hS-oPEvbqqiMvxjBJ6zE8&?language=' . substr( get_locale(), 0, 2 );Спасибо большое, последний вариант оказался рабочим!
Спасибо! Что бы я без тебя делал чувак! :)
проблема с сайтом
тема repairpress в коде шаблона (functions.php) нашел вот такую строчку — но как ее исправить под себя? и правильная она вообще?
// google mapswp_register_script( 'repairpress-gmaps', RepairPressHelpers::get_google_maps_api_url(), array(), null, true);
Править нужно в другом месте, ищите, я так не подскажу.
Здравстуйте! У меня аналогичная проблема, api key я добавил через функцию «настроить» в моей теме (премиум wp шаблон) это предусмотрено, карты на сайте работают, но если заходишь редактировать страницу, непосредственно в wordpress карты с ошибкой (При загрузке Google Карт на этой странице возникла проблема. Подробности вы найдете в консоли JavaScript.) Искал везде по файлам типа — functions.php, нигде ничего нет! Может, подскажете где поискать, что исправить! Заранее спасибо!
Добрый день. Прошу помочь. Сам не могу разобраться. Нашел через Notepad++ фразу maps.googleapis.com/maps/api . Куда вставлять кулюч не могу понять. Вот такой у меня код:
$.getScript('https://maps.googleapis.com/maps/api/js?v=3.exp&callback=Ottavio.gmaps')Попробуйте так:
$.getScript('https://maps.googleapis.com/maps/api/js?key=AIzabyC2Yoh_d1l9AZ7GUp5rP_avurGrYuHb3YM&callback=Ottavio.gmaps')или так:
$.getScript('https://maps.googleapis.com/maps/api/js?key=AIzabyC2Yoh_d1l9AZ7GUp5rP_avurGrYuHb3YM')где
AIzabyC2Yoh_d1l9AZ7GUp5rP_avurGrYuHb3YM — это Ваш ключ
Огромно Спасибо! Первый вариант заработал.
Здравствуйте! Совсем уже голову сломал. Вот сайт — servis-abs.ru.
Во всех файлах notepad нашёл только это в файkе main.js
var google_map = «»;
и это в файле index.html
Менял и так и сяк, ну ничего не получается.
Может это другой случай?
Получилось решить проблему?
не могу скинуть код…
Код нужно оборачивать в тег <code>
Спасибо этому автору! без этой статьи даже и не знал бы что делать! Большая благодарность!
В приложении MEMU всплывает окно с надписью Ошибка. При загрузке гугл карт на этой странице возникла проблема. Подробности в консоли Java script. Прошу помочь с решением
К сожалению, не знаю, что это за приложение, но вероятно, нужно получить для него ключ API для Google Maps.
добрый день, может подскажите.
есть шаблон villareal, в нем есть пункт для api google maps, есть полученный ключ, домен подтвержден, но карты не работают!
в коде тоже не нашел ничего с гугл апи
что можете сказать? вот сайт byhome.by
Ключ не активирован.
Ошибка — ApiNotActivatedMapError.
Решение — Google Maps JavaScript API не активирован для вашего проекта API. Возможно вам потребуется включить Google Maps JavaScript API в разделе API из Google API Console.
Огромное спасибо Денису! День разбирался, а он взял и помог за пару минут!! Это лучший специалист, которого я знаю!
Привет)Помоги пожалуйста никак не могу настроить карту гугл.
Чем я могу помочь?
Поиск по файлам дал такой результат. Это шаблон от джумлы 3.х. Помогите пожалуйста. что к чему?
$onload .= "script.src = '{$scheme}://maps.googleapis.com/maps/api/js?key={$key}&sensor={$sensor}&callback={$asynccallback}';"; $output = ""; $url = 'http://maps.googleapis.com/maps/api/geocode/json?sensor=false&address=' . urlencode($address);файл maps.php
$onload .= "script.src = '{$scheme}://maps.googleapis.com/maps/api/js?key={$key}&sensor={$sensor}&callback={$asynccallback}';"; $output = ""; $url = 'http://maps.googleapis.com/maps/api/geocode/json?sensor=false&address=' . urlencode($address);файл шаблона gk.scripts.js
jQuery.getScript("https://maps.googleapis.com/maps/api/js?v=3.exp&callback=gkMapInitialize")Судя по
key={$key}у вас в админке есть поле для ввода ключа.Код шаблона можно не трогать.
Вставка ключа не помогает. Шаблон joomla gk_stekhaus
Вариантов проблемы много, как минимум нужно посмотреть какие ошибки в консоли на странице.
В консоле ошибки:
Google maps api error: missingkeymaperror
Google maps Api warning: noapikeys
Хотя плагин установлен. И ключ введен.
А в исходном коде ключ где-то видно?
в самом модуле так:
а на сайте если смотреть исходный код. то вот так:
ОшибкаПри загрузке Google Карт на этой странице возникла проблема. Подробности вы найдете в консоли JavaScript.
Здравствуйте, Денис!
Помогите, пожалуйста, разобраться! Не могу понять куда вставлять API код.
if ( ! function_exists('wp_rem_cs_enqueue_google_map') ) { function wp_rem_cs_enqueue_google_map($google_api = '') { $google_api_key = ''; if ( isset($google_api) && $google_api != '' ) { $google_api_key = '?key=' . $google_api . '&libraries=places,drawing'; } else { $google_api_key = '?libraries=geometry,places,drawing'; } wp_register_script('wp-rem-google-map-api', 'https://maps.googleapis.com/maps/api/js' . $google_api_key); }Уже везде вставляла, карта не работает (((
По идее, код должен вставляться в админке в настройках.
Если ключ не работает, тогда нужно в консоли читать, какую ошибку выдает скрипт.
Спасибо большое, что так оперативно ответили!
С ошибкой разобралась, все заработало )))
в самом модуле так:
а на сайте в исходном коде так:
ОшибкаПри загрузке Google Карт на этой странице возникла проблема. Подробности вы найдете в консоли JavaScript.ссылку на сайт сложно показать?
http://brysev.ru/https://www.fl.ru/ — найдите здесь фрилансера.
Нужно разбираться, смотреть, куда вы вводите ключ, где он выводится или почему он не выводится.
Здравствуйте! Проблема с ключом. Добавляю в скрипт, не хочет.
Ошибка
При загрузке Google Карт на этой странице возникла проблема. Подробности вы найдете в консоли JavaScript.
Подскажите где ошибка!?
Файл index.html скрипт:
Если вы правильно добавил ключ, то ошибок не должно быть, проверьте, правильно ли прописан ключ
...api/js?key={KEY}Очень вам благодарна за информацию по настройке ключа для карт!!
Я рад, когда информация с моего сайта полезна кому-то кроме меня))
Для некоторых шаблонов помогает плагин API KEY for Google Maps. В настройках плагина вставляете ключ.
Добрый день!
Увидел Вашу статью и обрадовался, но увы у меня все равно не работает(((( Может сможете подсказать?
Сайт mskmoyka.ru/contacts/ на данной странице не работает, карта вставлена шорткодом. А на главной все работает, там другой плагин map list pro.
Я не большой специалист по WP, надеюсь вы сможете подсказать. Файлы поправил как вы сказали, поиском через Тотол командер нашел файлы где есть api google map, прописал ключ, НЕ помогло, установил плагин API KEY for Google Maps увы тоже не помогло.
В консоли указана ошибка, что не установлен ключ API, по идее, плагин API KEY for Google Maps должен помочь, он должен выводить ключ на всех страницах.
Как переточить с гугла на яндекс карты
Здравствуйте. Ключ АПИ получил, но вставляя его в код, все равно не работает карта, да и код у меня сильно отличается
<input type="hidden" id="skt-gmap-content" value="» />
<script src="***maps.googleapis.com/maps/api/js?key=***uuoS74YUJqi9VkztCJBG0DQKSo»>
Посмотрите в консоли, какую ошибку выдает, сейчас кроме всего прочего нужно еще в своем аккаунте настраивать платежный профиль. Иначе ключи не работают.
Рекомендую создать виртуальную банковскую карту, перевести на нее сумму чуть больше 1$ для привязки карточки к профилю. При небольшом количестве запросов использование API будет бесплатным.