Google map显示错误的解决方法

从去年底某天开始,谷歌地图就对所有的网站外接的API进行了限制,这种情况下,很多原来能打开的GG地图无法打开,今天就来讲下AVADA主题下的谷歌地图显示错误的解决方法,本文讲解的方法同样适用于其他的主题,方法大同小异

Google地图显示错误的截图

google地图显示错误问题

Solutions:

1.  申请Google map api key 

点击申请,会进入到申请的页面,点击GET AN KEY

谷歌地图问题

 

然后会跳转到下图所示的页面,点击继续

谷歌地图不显示问题

然后跳转到下图所示页面,点击我需要哪些凭据

谷歌地图不显示问题

接下来就会显示google map api key,直接复制那一段代码并点击完成。

谷歌地图不显示问题 4

2. 粘贴google map api key 到avada中 (其他WP主题应该也有相应的地方)

进入 WP后台 - appearance - theme options ,在顶部上面那个框里面输入api,就会自动搜索并显示出对应的选项,然后将刚才复制的google map api key代码粘贴进去,并保存设置

谷歌地图不显示问题 5

最后刷新GOOGLE MAP所在的页面,即可看到地图正常显示了!

谷歌地图不显示问题 6

如果按以上方法还不能正常显示地图,通过以下方法排查:

1)确认api key是正确的,在填api key的框后面如果是正确的会有一个勾,如果不正确就没有勾,确认一下。

2)排查插件,看是否安装了带地图功能的插件或其他的插件导致冲突了,找到出问题的插件并删除即可。

 

One thought on “Google map显示错误的解决方法”

发表评论

电子邮件地址不会被公开。 必填项已用*标注