pbootcms网站开发中如何增加百度地图插件？_建站仿站，重庆模板建站，重庆仿站公司，重庆网站设计，重庆网页设计，重庆做网站，重庆网站建设一条龙全包

您当前的位置: 主页 > 优化教程

pbootcms网站开发中如何增加百度地图插件？

发布时间:2023-06-02 文章编辑：兴网(www.1yc.cn) 阅读次数: 次

文章摘要:首先找到你要增加的模板，模板路径：template文件夹，比如要加到联系contact.html上，找打合适的位置，加上如下代码：01<script type="text/javascript" src="http

首先找到你要增加的模板，模板路径：template文件夹，比如要加到联系contact.html上，找打合适的位置，加上如下代码：

01<script type="text/javascript" src="https://api.map.baidu.com/api?v=2.0&ak=OfldXkI591GW281wpaUBSHES&s=1"></script>
02<style type="text/css">
03#allmap {width: 100%;height: 400px;margin-top:20px;overflow: hidden;font-family:"微软雅黑";}
04#allmap b{color: #CC5522;font-size: 14px; }
05#allmap img{max-width: none;}
06</style>
07      <div id="allmap"></div>
08      <script type="text/javascript">
09      var map = new BMap.Map("allmap");
10      map.centerAndZoom(new BMap.Point({label:map}), 18);
11      var marker1 = new BMap.Marker(new BMap.Point({label:map}));  // 创建标注
12      map.addOverlay(marker1);              // 将标注添加到地图中
13      //marker1.setAnimation(BMAP_ANIMATION_BOUNCE); //跳动的动画               
14      //创建信息窗口
15      var infoWindow1 = new BMap.InfoWindow("<b>{pboot:companyname}</b><br>地址：{pboot:companyaddress}<br>电话：{pboot:companyphone}");
16      marker1.openInfoWindow(infoWindow1);
17      //marker1.addEventListener("click", function(){this.openInfoWindow(infoWindow1);});  
18      //向地图中添加缩放控件
19 var ctrl_nav = new BMap.NavigationControl({anchor:BMAP_ANCHOR_TOP_LEFT,type:BMAP_NAVIGATION_CONTROL_LARGE});
20 map.addControl(ctrl_nav);
21      //向地图中添加缩略图控件
22 var ctrl_ove = new BMap.OverviewMapControl({anchor:BMAP_ANCHOR_BOTTOM_RIGHT,isOpen:1});
23 map.addControl(ctrl_ove);
24      //向地图中添加比例尺控件
25 var ctrl_sca = new BMap.ScaleControl({anchor:BMAP_ANCHOR_BOTTOM_LEFT});
26 map.addControl(ctrl_sca);
27
28 map.enableDragging();//启用地图拖拽事件，默认启用(可不写)
29        map.enableScrollWheelZoom();//启用地图滚轮放大缩小
30        map.enableDoubleClickZoom();//启用鼠标双击放大，默认启用(可不写)
31        map.enableKeyboard();//启用键盘上下左右键移动地            
32</script>

然后到后台按下图设置：

pbootcms模板如何增加百度地图

设置后填写坐标：

坐标获取地址：http://api.map.baidu.com/lbsapi/getpoint/

关键词：百度地图插件,百度地图,pbootcms网站标签：百度地图插件百度地图 pbootcms网站

更多资讯请收藏关注网站模板(www.1yc.cn)

dedecms织梦模板文章按权重排序的标签教程dede:arclist 这个标签官方程序是支持按权重调用文章的，正确... 2021-07-22

织梦DedeCms获取文章缩略图的高度和宽度某些瀑布流的代码要求图片必须带有高度，而织梦默认的缩略图仅仅是储存的图... 2021-07-22

织梦DEDE软件模型的软件描述字数限制的解决办法织梦默认的软件模型里面的软件描述有字数限制，导致超过的部分字数无法储存... 2021-07-22

织梦系统强化seo效果织梦网站用标签实现图片自动Alt功能在我们用dedecms做网站的时候，在网站中有时候经常会插入图片，尤其... 2021-08-14

Dedecms5.7任意调整水印在图片的位置教程在使用DEDECMS过程中，本站发现，开启DEDECMS水印功能后，后... 2021-07-22

DEDECMS会员签到加积分的实现方法本文实例讲述了DEDECMS会员签到加积分的实现方法。分享给大家供大家... 2021-07-27

dedecms织梦文章内容图片绝对路径显示修改。织梦在v5.7版本中开启子域名或二级域名后，由于文章页面读取的是相对路... 2021-07-22

DedeCMS 搜索关键字超过2个不显示的解决方法教程在使用DEDE搜索时,搜索二个字,可以正常搜索到,比如模板这样搜... 2021-07-22

织梦会员空间调用会员（积分）头衔的方法本文主要讲解织梦dedecms会员空间如何调用会员头衔(积分头衔) 打... 2021-07-22

织梦调用栏目名称方法小结 2021-07-27

dedecms织梦list标签按照权重排序织梦默认的列表页排列顺序是按照时间修改顺序，但是有些产品的重要性是有区... 2021-07-30

dedecms tag 标签调用方法(大全)dedecms tag 标签调用方法 dede标签调用的基本语法是： ... 2021-07-27

织梦自定义模型中新增的字段会报错 Call to a member function GetInnerText() o在织梦自定义模型后，可能会报下面这个错误，Fatal error: C... 2021-07-27

DEDECMS织梦模板自动生成的缩略图裁剪长度宽度DEDECMS自动生成的缩略图片其实是根据自定义的最大长宽，原比例的缩... 2021-07-22

用SQL语句获取Dedecms v5.7每个栏目中的文章数量下面是代码在前台页面中的显示效果：共有会员：72 名本月更新：72... 2021-08-09

DEDECMS文档关键词关联文章BUG的修正方法 2021-07-22

织梦栏目列表、文章、TAG列表、自由列表、搜索列表等分页样式修改include文件夹下 arc.listview.class.php ... 2021-07-22

织梦DEDECMS模板为每个页面生成二维码的教程 2021-07-22

DEDE织梦data目录下的sessions文件夹有什么作用可以删除吗DedeCms中data目录下有个sessions目录，那这个目录是干... 2021-07-22

织梦dedecms副栏目名称和链接调用织梦副栏目名称和链接调用方法，打开 \include\extend.f... 2021-07-22

高端仿站

行业分类

行业选择

色调选择

建站教程

规格选择

兴网品牌设计-专注PHP/ASP做网站，建设网站、定制网站，模板建站、仿站设计服务，10年3000+客户证明可以为您服务！

淘宝担保交易，放心，省心，不满意全额退款！渝ICP备06008488号-1 渝ICP备20002137号-1 重庆傲城网络科技有限公司版本所有

渝公网安备 50011802010744号

免责声明：本站所有资源搜集整理于互联网或者网友提供，仅供学习与交流使用，如果不小心侵犯到你的权益，请及时联系我们删除该资源。返回首页

网站建设，制作、设计、仿站业务主要面向重庆、四川、贵州、云南等全国地区，你把我们当朋友，我们为朋友可以像狼一样去战斗！

在线交流

咨询热线：

135-0038-3336

在线客服：

微信交流：

公司官网： www.1yc.cn