如何修改使用Goole Maps Javascript API使用密钥的现有工作WP站点？

上下文

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

我到目前为止所做的事情

钥匙

我注册了，现在我有了我的密钥，它为Maps JavaScript API启用，也为站点启用。（实际上还没有限制，首先我希望看到代码工作，然后我将限制）

来源

（Disclamer:WP和PHP新手抱歉，至少JavaScript OK）

• 我检查了现有的源代码，得出结论，它使用了Maps JavaScript API。当然，这似乎不是最新的
• 我查找了谷歌文档，发现了以下内容：
  这似乎很清楚

• 我阅读了关于

  WP\u register\u script

  和

  WP\u enqueue\u 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文档中发现的略有不同

我不知道是否应该修改此url以添加键参数（那些较旧的url接受key=parameter？），或者我应该添加一个新的注册脚本，该脚本与当前google文档所说的url完全一致（也保留旧的）。我不知道如何使用参数（键）注册脚本url。

尝试：

注释掉使用GoogleMapsAPI的旧ULR将脚本排队的代码行

使用以下行将GoogleMapsAPI新脚本排队（使用新URL）

将“您的API密钥”替换为API密钥的实际值

---

希望这对你有用。请让我知道。

在

Add\u query\u arg

中将密钥添加到数组中。目前，该代码请求

../js？v=3&sensor=false

；只需相应地添加键和回调参数。您还需要更改https的URL。@ChrisG:非常感谢您的回答。所以我使用旧的URL（带有https）并通过add_query_arg添加key=YOUR_API_key&callback=initMap参数？旧的https URL仍然有效，但我只使用新的。@ChrisG:是的，它有效。如果你把它贴成两行的答案，我会投你的票。再次感谢。

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' );