如果你站点上的 Google 地图突然出现
糟糕!出了点问题
此页面未能正确加载 Google 地图。请参阅 JavaScript 控制台,了解技术详情。
或者
Oops! Something went wrong.
This page didn’t load Google Maps correctly. See the JavaScript console for technical details.
就像这样
或者这样
然后你根据提示打开了 JavaScript 控制台,发现报错
Google Maps API error: MissingKeyMapError
原因是Google 最近宣布 Google maps API 升级啦,这份声明有以下几个要点:
- 以后所有的 Google 地图展示都需要 API key
- 每日展示 25000 次以内是免费的
- 原有没有使用 API key 的域名不受影响
这就是为什么有的网站上地图还能正常显示,有的不能,有的换了域名后就不能显示的原因。当然,如果你使用的是嵌入式 Embed 地图,那始终是可用的。
对于 Avada 用户,你需要先升级主题到最新版,然后到 support 中打上补丁,才可以填入 API key
补丁需要挨个安装,打上补丁后,到 Theme Options 中 搜索 API
点击 API 填写栏旁提示中的链接获取 Google maps API key
点击【获取密钥】(语言可能不同,都是这个按钮)
- 登陆你的Google 账号
- 仔细阅读,同意你愿意的条款
- 输入一个名称,输入你的网址
点击【创建】(Create) 即可得到 API key,填入 Theme Options 对应位置即可
对于其它主题用户,如果没有填入 API key 的位置,可使用 API KEY for Google Maps 插件
2018 年 7 月 17 日 更新 API 获取注意点和视频
1,注意不要点指引中的 get started 开始 2,注意使用 Embed API,因为 JS API 的配额每天只展示一次,需要结算
https://avada.wp300.com/video/google-map-api.wmv
下载 WMV 格式视频,大小 38.8 MB (40,774,831 字节)





Google Maps Platform rejected your request. This IP, site or mobile application is not authorized to use this API key. Request received from IP address 39.109.7.48, with referer: https://gentleumbrellas.com/?preview_id=36&preview_nonce=7f50b44ea8&_thumbnail_id=-1&preview=true
根据您的教程,现在变成这样了
Hi,
你留言的网址是一个 Preview 预览网址,只有管理员才能看到。
没关系,根据描述,应该是操作步骤中漏了一步,生成了 API key,但是没有授权自己的站点使用这个 API key 造成的,请仔细看下文末的视频教程。
在你留言后收到过两次成功反馈,所以视频应该还是 OK 的。