DIVI主题02-如何添加谷歌地图google map到网站,无需Google Api Key

默认的DIVI主题添加谷歌地图模块是需要有google api key才可以使用。其实还有种更简单的方法,通过简单的复制代码即可添加google地图。你是不是想在你的网站上添加地图那,赶紧行动起来!此方法使用于所有wordpress网站添加地图。

google api key
image 1
image 3

01-打开谷歌地图google map,找到你要添加的位置

divi添加谷歌地图google map

02-点击分享,分享里面点击“嵌入地图”,点击复制HTML

image 5

03-用Divi Builder编辑器添加“code”模块,添加刚才复制的HTML代码

<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d54471.21638914885!2d120.7825279408524!3d31.429248027279066!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x35b3b3cd2e791777%3A0x7f15f1f6417d2c55!2z6Ziz5r6E5rmW!5e0!3m2!1szh-CN!2sus!4v1610035726292!5m2!1szh-CN!2sus" width="600" height="450" frameborder="0" style="border:0;" allowfullscreen="" aria-hidden="false" tabindex="0"></iframe>
image 6
image 7

04-修改HTML代码中的width=”600″ height=”450″数值,可以调整地图大小

image 8
本文作者:自由超
本文标题:《DIVI主题02-如何添加谷歌地图google map到网站,无需Google Api Key》
本文链接:https://zyc420.com/684.html
发布日期:2021年01月08日 00:50:35
更新日期:2024年03月06日 20:47:32
版权声明:除特殊注明,均为作者原创内容,遵守CC-BY-NC 4.0版权协议,转发请保留原文链接!
免责声明:文中如涉及第三方资源,均来自互联网,仅供学习研究,禁止商业使用,如有侵权,联系我们24小时内删除!
分享给更多人