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

565

pbootcms调用搜索页keyword值数量和标签页tag值和数量

search.html搜索页模板获取关键词标签：{$get.keyword} 搜索结果数量的值：{page:rows}tags.html标签页模板获取TAG关键

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

595

如何在pbootcms网站中调用公司简介等频道内容

在pbootcms网站中，首页通常包含了公司简介等频道内容，为此我们可以使用pboot:content标签来调用对应频道的内容，并将其展示在首页上。要在

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

615

pbootcms当前位置面包屑中的首页如何改成英文

pbootcms当前位置面包屑中的首页如何改成英文template文件夹里面，每个文件都打开找找，找到这个代码：{pboot:position}改成：{pboo

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

517

pbootcms模板如何增加百度地图

模板路径：template文件夹，比如要加到联系contact.html上，找打合适的位置，加上如下代码：01<script type="tex

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

656

pbootcms模板如何增加百度地图

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

客服电话

客服邮箱