pbootcms模板如何增加百度地图

pbootcms教程 2025-02-10 浏览

首页 > 网站知识 > pbootcms教程

文章详情

模板路径：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>`

加入收藏

版权：文章搜集与网络，如有侵权请联系本站, 转载请注明出处：https://www.xuanhaojc.cn/wangzhanzhishi/pbootcmsjiaocheng/205.html

pbootcms添加地图添加百度地图 pbootcms源码

宣皓佳创模板网

上一篇： pbootcms详情页常见标签调用

下一篇： PbootCMS缩略图上传图片被截取的解决方法

相关推荐

PbootCMS内容详情页标签调用相关信息

在PbootCMS中常用的内容详情页标签.

宣皓佳创模板网 pbootcms教程 2025-02-10

521

pbootcms基本调用标签大全

列表时间格式化[list:date style=Y-m-d]、内容详情页时间格式化{content:date style=Y-m-d} 栏目列表里调用当前栏目名

宣皓佳创模板网 pbootcms教程 2025-02-10

811

pbootcms文章或者产品设置范围随机增加访客阅读量

pbootcms默认文章访问量是从0开始的。现在想要改成添加文章的时候，给他一个随机访问数。修改文件/apps/admin/controller/conten

宣皓佳创模板网 pbootcms教程 2025-02-10

967

Pbootcms站点地图的访问路径

pbootcms站点地图

宣皓佳创模板网 pbootcms教程 2025-02-10

963

如何修改PbootCMS默认面包屑导航样式及自定义设置方法

在使用pbootcms模板建站时，面包屑导航是一个重要的元素，它可以帮助用户快速了解当前所处页面的位置和路径。然而，系统默认的面包屑样式可能无法满足我们的需求，

宣皓佳创模板网 pbootcms教程 2025-02-10

561

pbootcms模板如何增加百度地图

创造一个强大的网站从未如此简单！

客服电话

客服邮箱