两种在wordpress网站中插入Google地图的方法

作者: LAOXU, 更新日期: 2023-10-13

如果需要在网页中插入Google地图,比较简单的方法有两个,推荐使用第二种方法。

方法一:使用Google maps javascript API

相信外贸朋友看到标题就决定跳过了,好,那么就先不详细展开讲了。

大意是需要先在Google开发平台申请一个api key,然后按照Google的文档操作即可,也可以安装相应的wordpress插件,输入key、地址之类的即可。

方法二:10秒搞定,无需代码,无需插件

打开Google maps

https://www.google.com/maps/

搜索自己的位置,比如下图中的shenzhen airport

有时候会出来几个结果,点击左侧结果列表页中准确的结果

再点击“share”按钮

image 2

点击“embed a map”

image 3

点击蓝色的字“copy HTML”,把代码复制下来

image 4

在wordpress的编辑器中插入一个HTML block

image 5
image 6

这样就把Google地图插入到页面中了,效果如下:

关于我

一个熟悉WordPress建站推广的外贸人。

在自己折腾的过程中,把经验积累记录下来,主要包括网站主机、后端、前端、内容营销、Google Ads、网站数据分析、加速优化等,纯佛系输出。

如果我的文章刚好对你有用,那不胜荣幸;如果你在WP建站过程中遇到了一些技术问题,或许我可以解决其中的80-90%。read more...

关注公众号,获取最新文章推送。

210 studio wechat