您现在的位置是:首页 > cms教程 > WordPress教程WordPress教程

wordpress地图插件的安装和使用方法

孙剑佛2023-11-26WordPress教程已有人查阅

导读WordPress建站,那么恭喜你,有一款插件非常强大,能够让你在网页中自由的插入百度地图。Baidu Maps Plugin是一款能够自由的在WordPress页面中插入百度地图的插件。

WordPress建站,那么恭喜你,有一款插件非常强大,能够让你在网页中自由的插入百度地图。Baidu Maps Plugin是一款能够自由的在WordPress页面中插入百度地图的插件。
当然,不仅仅是展示地图位置,应为调用的是百度地图API接口,所以能够随意拖拽、控制大小、添加标记……总之呢,用过之后就忍不住要和亲爱的你们分享一下了!
一个页面内,可以插入多个地图,每个地图单独管理,地图上可以加标记……
插件安装
进wordpress后台,点击 插件=>安装插件,点击“现在安装”,就开始安装,大概需要几秒钟时间,安装完成后,会显示“启用”按钮,
点击“启用”按钮启用这个插件。这里,在后台的 设置 菜单中会出现百度插件,
点击“Baidu-sitemap”,进入到百度地图设置界面,
如上图勾选好相关的选项,然后点击“提交”按钮,这样我们就设置好了。然后,点击“Update XML file”按钮,生成地图。到这里,网站地图就设置和生成好了。
插件使用
1、插件 ;
2、获取百度地图API:
(1)前往百度地图开放平台注册帐号;
(2)进入API控制台,创建应用(选择浏览器端应用,在Referer白名单中输入调用地图的网站域名),提交之后就能获得一个“访问应用(AK)--也就是api密钥”;
3、WP后台>>>百度地图>>>百度地图设置,将刚才获取的密钥填入百度开发人员 API 密钥中并保存;
4、创建百度地图,获得map shortcode:
(1)输入地图名称;
(2)搜索地址;
(3)点击“设置为地图中心”(非常重要);
(4)添加标记(可选);
(5)在右侧地图设置选项中设置地图宽度、高度、放大程度等;
(6)保存地图,获得map shortcode(保存后,在右侧展示),
5、将map shortcode:“[bmap id="xxx"]”粘贴在页面的文本编辑框中即可。

本文标签:

很赞哦! ()

相关教程

相关源码

  • (自适应响应式)超市仓储仓库货架展架网站pbootcms源码下载本模板为货架展架、仓储货架行业量身打造,采用PbootCMS内核开发,充分考虑了货架产品展示和企业形象展示的需求。模板设计简洁大方,突出产品特点,能够有效展示各类货架产品的规格参数和应用场景,帮助访客快速了解企业核心业务和产品优势。查看源码
  • (自适应)帝国cms7.5模板自媒体文章新闻博客为帝国CMS7.5设计的响应式模板,采用H5技术构建现代化内容展示框架。通过智能断点检测技术实现手机、平板、PC三端适配查看源码
  • (PC+WAP)高端餐饮美食小吃加盟网站模板下载pbootcms本模板基于PbootCMS内核开发,为餐饮美食品牌加盟、小吃连锁企业量身打造。通过精致的美食视觉呈现与加盟业务流程展示,帮助餐饮企业建立专业线上门户,实现品牌形象与加盟业务的双重展示。查看源码
  • (自适应)黑色摄影作品工作室pbootcms模板网站源码下载为风景摄影、个人工作室打造的高端网站模板,基于PbootCMS开源内核开发,采用HTML5自适应架构,PC与移动端实时数据同步,适配各类拍摄作品展示需求。查看源码
  • pbootcms(自适应)SEO优化排名服务公司网站模板核心定位为SEO排名服务商打造的营销型网站框架,集成PbootCMS开源系统的高效管理能力与SEO最佳实践方案,助力企业快速建立专业的技术服务形象。查看源码
  • (自适应响应式)高新技术科技能源pbootcms网站HTML5模板本模板基于PbootCMS内核开发,为高新技术、科技研发、能源技术等科技型企业设计。采用HTML5+CSS3前沿技术,具备完善的响应式布局,能够自动适配手机、平板和电脑等多种终端设备。模板设计风格简约大气查看源码
分享笔记 (共有 篇笔记)
验证码: