谷歌地图(无插件)在WP没有显示出来
- 我公司在WP(兆主题)的网页,我管理博客和其他的东西,但没有设计网页
- 我不知道如何,我在PHP代码中触摸了一些东西(我是一个新手,是的,我知道我不应该触摸),现在联系地图已经不存在了(div class =“google - 地图容器“是有但是...空)
- 没有备份,所以我可以恢复代码
代码
地图代码directy写在PHP(页面contact.php)。我让这里(引擎收录)的PHP代码和我得到的HTML,当我打开网页:
文档我读过 (低信誉,不能发布链接)
Google Maps> Web> Maps JavaScript API> Lat/Lng Object Literal
根据当前的Google Maps API条款,如果您想在自己的网站上实施Google地图,则需要添加API密钥。
至于是什么,我可以在你的PHP代码中看到有在API网址没有API密钥:
所以,你需要生成API密钥只需登录
https://maps.googleapis.com/maps/api/js?v=3.exp&sensor=false(链接从你的PHP代码拍摄)你的谷歌账户,然后访问以下链接:
https://developers.google.com/maps/documentation/javascript/get-api-key
使用“一键搞定”按钮生成API密钥也提到你的网站的网站网址或IP地址,限制为API重点工作指定的域,IP或项目只,然后使用谷歌地图网址是API密钥,我在下面的格式上面提到的PHP代码:
https://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY&callback=initMap
刚刚从谷歌地图和收到的API密钥更换YOUR_API_KEY你的地图就像以前一样开始工作。
也在你的php文件行中没有120和HTML文件行201没有提及elementid。改变那些符合下列之一:
var map = new google.maps.Map(document.getElementById('map_canvas'),mapOptions);
我按照你的说法试过了,但是不起作用,无论如何都谢谢你。 – irek19
API密钥通常是受限制的用于特定的域名或IP地址或项目,所以你需要在谷歌给你的地方提供网站的URL API密钥,然后只有它可以工作。因此,点击你生成的API密钥的名称,将给你选项“ HTTP引用者“在关键限制中选择该选项,然后将网址链接添加到引用中,而不仅仅是它可以正常工作,而且我已经在我的答案中更新了链接谷歌地图链接,我发现你的HTML文件也具有相同的代码, ge url在两个地方都是php和html文件。 –
如果你可以分享你的网站的链接,我可以根据找到的错误告诉你确切的解决方案。 –
选项没有1:
添加该API的脚本到您的页眉或页脚
<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyDpuqmav7ndONLkbKvuSo7fUmUX2MW9bcs&callback=initMap"
async defer></script>
从您需要更换您的谷歌键上面的脚本而不是这个
AIzaSyDpuqmav7ndONLkbKvuSo7fUmUX2MW9bcs
选项没有2:
为了顺利产生谷歌的API密钥 安装这个插件:
https://wordpress.org/plugins/api-key-for-google-maps/screenshots/
genrate API后,您需要复制,并用它为您的API脚本
感谢
尝试过两种。没有结果。但你的帮助表示赞赏。 – irek19
你可以给我截图吗?你会在哪里错过你的谷歌地图? –
你有没有看的120线你的PHP代码? (这是JavaScript,虽然)'new google.maps.Map(document.getElementById('')'?你应该指定一个元素ID。此外,你可能想要将代码添加到你的实际文章中 –
首先检查你的代码PHP文件在那里你留下评论/ on line no 91 –