Как изменить существующий рабочий сайт WP, использующий API Goole Maps Javascript, для использования ключа? - PullRequest
0 голосов
/ 15 ноября 2018

Context

Я унаследовал старый рабочий сайт WP, который использует Google Maps JavaScript API. Поскольку ключ API теперь является обязательным, карты отображаются корректно, но во всплывающем сообщении об ошибке говорится: «Эта страница не может правильно загрузить Google Карты», а карты отображаются серым цветом и отключены

Что я сделал до сих пор

Key

Я зарегистрировался, и теперь у меня есть ключ, и он включен для API Карт JavaScript, а также для сайта. (на самом деле пока не ограничено, сначала я хотел бы увидеть работающий код, затем я собираюсь ограничить его)

Источник

(Disclamer: новичок в WP и PHP, извините, по крайней мере, JavaScript в порядке)

  • Я изучил существующий источник и пришел к выводу, что он использует JavaScript API Карт. Вроде не самый новый конечно
  • Я искал Документы Google и нашел это:

    вроде бы понятно

  • Я прочитал документы WP о wp_register_script и wp_enqueue_script, кажется, понятно.

Вопрос

Несмотря на эту прелюдию, я до сих пор не представляю, что и как следует изменить. Фактические строки, которые я нашел в существующем источнике:

wp_register_script( 'google-maps-api', esc_url( add_query_arg( array( 'v' => 3, 'sensor' => 'false' ), is_ssl() ? 'https://maps-api-ssl.google.com/maps/api/js' : 'http://maps.google.com/maps/api/js' ) ), array(), VERSION, true );
...
...
wp_enqueue_script( 'google-maps-api' );

Кажется, что javascript url немного отличается от того, что я нашел в текущей документации Google

Я не знаю, должен ли я изменить эти URL-адреса, чтобы добавить параметр ключа (эти более старые URL-адреса принимают параметр Key =?), Или я должен добавить новый сценарий регистрации с точно таким URL-адресом, что говорят текущие документы Google (а также оставить старые?) Я не знаю, как зарегистрировать скрипт скрипта с параметрами (ключом).

1 Ответ

0 голосов
/ 15 ноября 2018

Попробуйте:

Закомментируйте строки кода, которые ставят в очередь скрипт со старым ULR API Google Maps.

Используйте следующие строки, чтобы поставить в очередь новый скрипт API Google Maps (с новым URL).

wp_register_script( 'google-maps-api', esc_url( add_query_arg( array('key'=>'YOUR_API_KEY', 'callback'=>'initMap'), 'https://maps.googleapis.com/maps/api/js' ) ), array(), VERSION, true );
wp_enqueue_script( 'google-maps-api' );

Замените 'YOUR_API_KEY' фактическим значением ключа API.

Надеюсь, это сработает для вас.Пожалуйста, дайте мне знать.

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