гугл мои карты ~ встроенная карта в WordPress - PullRequest
0 голосов
/ 20 февраля 2020

Это мой начальный вопрос в stackoverflow. Я занимаюсь разработкой WordPress сайта для клиентов Bed and Breakfast. На ее текущем сайте у нее есть карта с легендой на левой стороне. Я посмотрел, как это было реализовано, и увидел, что она использует сайт с именем mapchannels.com

Я создаю эту пользовательскую карту с помощью Google Мои карты. Я создал ключ API и использую его для карты. Когда я go через протокол mapchannels, маркеры в легенде слева не похожи на маркеры в рабочем пространстве Google Мои карты. Кроме того, когда я вставляю код iframe для встраивания карты, в области карты появляется сообщение «К сожалению, что-то пошло не так. Эта страница неправильно загружала Google Карты. Техническую информацию см. В консоли JavaScript». детали. "

Я просто хочу добавить на этот сайт карту, которая не только загружает, но и имеет маркеры, которые выглядят так же, как и в моем рабочем пространстве карт Google.

Вот ссылка на страница, над которой я работаю https://jpalenhouseblog.com/index.php/map-and-plan-your-stay/ Вот ссылка на текущий веб-сайт с картой, встроенной через mapchannels.com
Я добавил ссылки на следующие javascripts в заголовок. php файл для моей темы WordPress (Redwood), и карта все еще не загружается.

<script src=“https://maps.googleapis.com/maps/api/js?v=3.exp&sensor=false&key=MY_API_KEY" async="" defer="defer" type="text/javascript"></script>

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

ссылка на сравнение между картой, встроенной в сайт разработчика, и картой в рабочем пространстве моих карт Google

Буду признателен за любые советы по любому из этих двух связанных вопросов.

1 Ответ

1 голос
/ 22 февраля 2020

Вы получаете следующие JS ошибки в консоли разработчика :

Google Maps JavaScript Ошибка API: RefererNotAllowedMapError https://developers.google.com/maps/documentation/javascript/error-messages#referer -не -allowed-map-error URL вашего сайта для авторизации: https://www.mapchannels.com/mc6/27915/27915-jph.htm?v=20200217122746

Google Maps JavaScript Ошибка API: RefererNotAllowedMapError https://developers.google.com/maps/documentation/javascript/error-messages#referer -не разрешено -map-error URL вашего сайта для авторизации: https://jpalenhouseblog.com/index.php/map-and-plan-your-stay/

Чтобы исправить это, я рекомендую сначала не ограничивать свой ключ API; если карта загружается с неограниченным ключом, то вы можете быть уверены, что проблема связана с ограничениями.

Теперь, чтобы правильно ограничить ваш ключ API, попробуйте добавить эти источники ссылок на домен (с подстановочными знаками "*", если вы владеете обоими этими доменами):

* .mapchannels.com / *
* .jpalenhouseblog.com / *
mapchannels.com/*
jpalenhouseblog.com/*

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

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...