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 每个tag显示相应的文章数量如何让dedecms的tag显示相应的文章数量。当时小编我还没有反映过... 2021-07-30

织梦DEDECMS显示和内容有关的专题标题内容我们在使用织梦DEDECMS制作文章页或者列表页模板时候，都希望在页面... 2021-07-22

织梦显示英文日期时间的方法本文实例讲述了织梦显示英文日期时间的方法。分享给大家供大家参考。具体分... 2021-07-22

织梦栏目获取当前页面顶级栏目图片的方法如果我们模板已经经过了一些小的二次开发，每个栏目都能上传相应的图片，但... 2021-08-14

织梦dedecms 更新主页HTML里选项不能保存解决方法 2021-07-22

织梦文章页调用文章浏览次数优化调用代码使用织梦建站时，在文章页的信息页面，官方给出的调用文章浏览次数的标签是... 2021-07-22

Dedecms 删除栏目新建ID不从1开始的解决方法Dedecms 删除全部栏目后，新建ID不从1开始的解决方法在后台S... 2021-07-22

织梦DEDECMS文档页获取当前文章ID的sql语句代码 2021-07-22

织梦用sql命令删除系统全局自定义变量如果后台添加变量后不想要了，可删除。有两种方法，一种是直接登录数据库，... 2021-07-22

DedeCMS自定义字段在全站任何位置随便调用的方法AB模板网今天和大家讲解下如何在织梦模板里面的任意地方调用自定义字... 2021-07-30

dedecms教程：织梦未审核文档禁止动态浏览DEDECMS 织梦模板默认情况下，会员发布的未审核文档是可以通过动... 2021-07-22

dedecms中channel标签的currentstyle里加入autoindex自增 2021-07-22

织梦dedeCMS系统通过Tag标签获取相关文章织梦的相关文章是根据tag和文章关键词来的，不过效果不是特别的好，获取... 2021-07-27

DedeCms 三级栏目获取当前效果解决方法网上看了很多关于织梦二级栏目当前效果，很多都要修改原代码，或是其他的方... 2021-07-22

dedecms列表页内容页栏目高亮和当前栏目调用二三级栏目 2021-07-22

解决dedecms中不能解析.html扩展名的模板问题找到/include/arc.archives.class.php 把... 2021-07-22

织梦DEDEcms会员中心获取登录用户名与ID号的代码本文实例讲述了Dedecms获取登录用户名与ID号的方法。分享给大家供... 2021-07-22

Dede中SQL调用简略标题shorttitle和链接地址用sql调用有shorttitle的文章，并获得文章静态地址链接为了... 2021-07-22

织梦生成的时候“你指定的文件名有问题，无法创建文件”解决织梦生成的时候你指定的文件名有问题，无法创建文件解决方案大家可能碰到... 2021-07-27

织梦获取文章页第一张图片的方法 2021-07-22

高端仿站

行业分类

行业选择

色调选择

建站教程

规格选择

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

淘宝担保交易，放心，省心，不满意全额退款！渝ICP备06008488号-1 渝ICP备20002137号-1

渝公网安备 50011802010744号

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

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

在线交流

咨询热线：

135-0038-3336

在线客服：

微信交流：

公司官网： www.1yc.cn