前言:很抱歉之前发过一个wordpress网站添加百度导航地图的文章,后来发现太复杂了,找了很多帖子,总结了一些经验,现在分享出来
一、百度地图开放平台创建地图获取代码
地址:创建地图-百度地图生成器
二、获取代码,复制代码,贴到新建的txt文本,修改密钥,http/https协议,修改地图显示样式大小数值
注意:若无密钥,点击【申请密钥】,前往百度地图开放平台后台,创建应用获取AK即密钥
三、将新建的txt文本,txt后缀改成html,重命名文件为xxmap.html,将该文件上传至wordpress网站根目录下。
四、在需要显示地图的文章 或页面添加自定义html区块,插入下面的代码,注意修改:https/http;修改域名www.hualongxian.com为自己网站域名;修改文件名etxmap.html,为自己放到根目录下的文件名xxmap.html
<iframe src="https://www.hualongxian.com/etxmap.html" style=" margin: 10px 0 0 1px;" width="1000" height="400" scrolling="no" allowtransparency="no"></iframe>
效果参考:山水化隆 - 二塘乡简介