如何修改使用 Google 地图 Javascript API 的现有工作 WP 站点以使用密钥？

Question

上下文

我继承了一个使用 Google 地图 JavaScript API 的遗留工作 WP 站点。由于 API 键现在是强制性的，因此地图可以正确显示，但是弹出错误提示“此页面无法正确加载 Google 地图”并且地图变灰并被禁用

到目前为止我做了什么

密钥

我注册了，现在我有了我的密钥，它可以用于地图 JavaScript API，也可以用于网站。 （其实还没有限制，先想看看代码能不能用，然后再去限制）

来源

（免责声明：WP 和 PHP 新手在这里抱歉，至少 JavaScript OK）

• 我检查了现有的来源，并得出结论它使用了地图 JavaScript API。当然好像不是最新的

• 我查找了 Google 文档并找到了这个：

  <脚本异步延迟 src="https://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY&callback=initMap" 类型="text/javascript"> 好像清楚了

• 我读了关于wp_register_script和wp_enqueue_script的WP文档似乎很清楚。

问题

尽管有这个前戏，我仍然不知道应该修改什么以及如何修改。我在现有来源中找到的实际行：

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 文档中找到的内容有点不同

我不知道是否应该修改此 urls 以添加关键参数（那些较旧的 urls 接受 Key= 参数？）或者我应该添加一个新的注册脚本正是 url 当前 google 文档所说的（并且还留下旧的？）我不知道如何使用参数（密钥）注册脚本 url。

Answer 1

尝试：

注释掉使用 google 映射的旧 ULR 排队脚本的代码行 api。

使用以下行将 google 映射 api 新脚本（使用新 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 键的实际值。

希望这对您有用。请告诉我。