当前位置:网站首页 > WordPress教程 > 正文
自己搭建企业网站怎么插入百度地图位置信息
作者:98wpeu发布时间:2026-03-09分类:WordPress教程浏览:269
导读:自己使用WordPress搭建好一个企业网站后,通常都会在网站上面留下一个企业联系方式和企业的地图。本文就给大家分享两个网站插入百度地图的方法。方法一:百度地图生成器1、打开百度地...
自己使用WordPress搭建好一个企业网站后,通常都会在网站上面留下一个企业联系方式和企业的地图。本文就给大家分享两个网站插入百度地图的方法。
方法一:百度地图生成器
1、打开百度地图生成器网页。
地图地址
2、在左侧填写上必要的信息,定位到你要在地图上展示的位置,点击获取代码按钮。

3、复制获取出来的地图代码,保存为一个html文件,例如baidumap.html

4、上传baidumap.html文件到你网站根目录或者其他文件夹。
5、在网页需要调用百度地图的地方,插入下面的代码,引用即可。
<iframe src="baidumap.html" width="600" height="600" frameborder="0" scrolling="no"></iframe>
方法二:使用插件API生成
显示效果如下:

1、安装WordPress百度地图插件
加群下载
群774633089共享文件 > WordPress插件 > CJ11.baidumap.zip
2、在百度地图开放平台创建一个应用,如下图:

3、修改插件内置的AK信息为你自己申请的。

4、发文章的时候,点击地图按钮,就可以插入地图,如下:

插入百度地图的时候还需要填写一个经纬度,你可以从这里获取。
好了,以上就是两种给网站插入百度地图位置信息的方法了,如果还有疑问,欢迎加群交流。
相关推荐
- 判断和解决TypeError: 'x' is not iterable报错信息的应用 - Web前端
- 查找报错信息“TypeError: 'x' is not iterable”的真凶 - Web前端
- Windows 11 常见问题解答:我们的升级指南以及您需要了解的所有其他信息 - Web前端
- Vue路由权限控制方式:路由元信息(meta)和动态生成路由表(addRoutes) - Web前端
- 使用 Leaflet.js 创建地图的初学者指南 - Web前端
- [JavaScript学习]通过Ajax获取对象信息(基于JSON方式) - Web前端
- jquery.validate提示错误信息位置方法 - Web前端
- jQuery实现页面评论栏中访客信息自动填写功能的方法 - Web前端
- juqery 学习之六 CSS--css、位置、宽高 - Web前端
- JS和JQUERY获取页面大小,滚动条位置,元素位置(示例代码) - Web前端
- WordPress教程排行
- 最近发表
-
- WordPress随机显示特色图片插件:Random Post Thumbnails
- KeePass实现Chrome浏览器自动填充密码方法一
- LNMP一键包nginx 301强制跳转到https教程
- KeePass实现Chrome浏览器自动填充密码方法二
- #建站# 免费的VPS管理软件Xshell8/Xftp8中文版下载
- 使用Xshell 8连接VPS教程_电脑登录vps的方法
- WordPress评论界面添加烟花????效果
- 不同浏览器书签同步方案:坚果云+Floccus_详细使用教程
- iOS端KeePassXC客户端APP:Strongbox Password Safe
- 给WordPress评论中的Gravatar头像图片添加ALT属性


