WP中的Google Maps（无插件）未显示

Question

问题

• 我的公司在WP（Mega Theme）中有一个网页，我管理博客和其他东西，但没有设计网络
• 我不知道怎么样，我在php代码中触及了一些东西（我是一种新手，是的，我知道我不应该触摸）现在联系地图已经消失了（div class =“google” -map-container“在那里但是......空的”
• 没有备份，所以我可以恢复代码

代码

地图代码直接用PHP编写（page-contact.php）。我在这里（pastebin）我打开页面时得到的PHP代码和HTML：

• Php code
• HTML code when i visualize the web

我读过的文档 （声望低，不能发布链接）

API de Google Maps＆gt;网络＆gt; Maps JavaScript API＆gt; Lat / Lng对象文字

Answer 1

根据当前的Google Maps API条款，如果您想在自己的网站中实施Google地图，则需要添加API密钥。

至于我在PHP代码中看到的内容，api url中没有API密钥：

https://maps.googleapis.com/maps/api/js?v=3.exp&sensor=false（取自您的php代码的链接）

因此，您需要生成API密钥，只需登录您的Google帐户，然后访问以下链接：

https://developers.google.com/maps/documentation/javascript/get-api-key

使用“获取密钥”按钮生成api密钥还提及网站URL或您网站的IP地址限制，因为API密钥适用于指定域，仅限IP或项目，然后在谷歌地图网址中使用该api密钥您在上面提到的PHP代码，格式如下：

https://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY&callback=initMap

只需使用Google地图中收到的API密钥替换YOUR_API_KEY，您的地图就会像以前一样开始工作。

另外在您的php文件行中没有120和HTML文件行没有提到201 elementid。使用以下内容更改这些行：

{{1}}

Answer 2

选项1：

将此API脚本添加到页眉或页脚

中

<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyDpuqmav7ndONLkbKvuSo7fUmUX2MW9bcs&callback=initMap"
  async defer></script>

从上面的脚本中，您需要更换Google键而不是此

  AIzaSyDpuqmav7ndONLkbKvuSo7fUmUX2MW9bcs

选项2：

为顺利生成谷歌API密钥 安装此插件：

https://wordpress.org/plugins/api-key-for-google-maps/screenshots/

在genrate api之后，您需要将其复制并用于您的api脚本

谢谢