您现在的位置是:首页 > 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"]”粘贴在页面的文本编辑框中即可。

本文标签:

很赞哦! ()

相关教程

相关源码

  • (PC+手机)帝国cms7.5漫画图片连载网站源码免费下载本模板基于帝国CMS7.5深度开发,为漫画阅读类网站打造。整体设计风格贴合漫画行业特性,界面布局充分考虑漫画作品的展示需求,支持多种漫画阅读模式。模板采用响应式设计,能够自动适配PC端和移动端设备,为读者提供流畅的阅读体验。查看源码
  • (自适应响应式)蓝色外贸英文产品介绍展示网站模板本模板采用手工编写的DIV+CSS架构,代码精简高效。适配手机端浏览,数据实时同步更新。内置SEO优化框架,支持独立设置各页面标题、关键词及描述。开源代码结构清晰,便于二次开发。查看源码
  • (自适应响应式)工业机床工程农业机械设备网站源码下载框架适用于工程机械、机床设备等工业领域。通过模块调整可快速转型为农业机械、物流设备展示系统。预留7种工业产品展示模板。查看源码
  • (PC+WAP)压缩机离心风机红色机械设备营销型网站pbootcms模板基于PbootCMS开发的压缩机/离心风机专用模板,助力机械设备企业构建高效营销平台;模板可编辑压缩机参数表、风机性能曲线等专业展示模块查看源码
  • 快递物流公司pbootcms网站模板html响应式自适应源码下载基于HTML5+CSS3前沿技术开发,实现PC、平板、手机多端自适应。采用弹性布局与媒体查询技术,确保不同设备均有流畅视觉体验,企业形象统一。查看源码
  • (自适应)绿色新闻生活百科资讯文章博客类网站pbootcms模板源码本模板基于PbootCMS开发,为生活百科、资讯文章和博客类网站设计。采用清新绿色系风格,提供舒适的阅读体验,同时适配PC和移动设备。适用于生活技巧分享、健康知识传播查看源码
分享笔记 (共有 篇笔记)
验证码: