您现在的位置是:首页 > cms教程 > PbootCMS教程PbootCMS教程
pbootcms模板增加百度地图的代码实例
秦树琪2024-09-11PbootCMS教程已有人查阅
导读pbootcms模板如何增加百度地图首先找到你要增加的模板,模板路径:template文件夹,比如要加到联系contact.HTML上,找打合适的位置,加上如下代码:
pbootcms模板如何增加百度地图
首先找到你要增加的模板,模板路径:template文件夹,比如要加到联系contact.HTML上,找打合适的位置,加上如下代码:
首先找到你要增加的模板,模板路径:template文件夹,比如要加到联系contact.HTML上,找打合适的位置,加上如下代码:
<script type="text/javascript" src="https://api.map.bAIdu.com/api?v=2.0&ak=OfldXkI591GW281wpaUBSHES&s=1"></script>
<style type="text/css">
#allmap {width: 100%;height: 400px;margin-top:20px;overflow: hidden;font-family:"微软雅黑";}
#allmap b{color: #CC5522;font-size: 14px; }
#allmap img{max-width: none;}
</style>
<div id="allmap"></div>
<script type="text/javascript">
var map = new BMap.Map("allmap");
map.centerAndZoom(new BMap.Point({label:map}), 18);
var marker1 = new BMap.Marker(new BMap.Point({label:map})); // 创建标注
map.addOverlay(marker1);// 将标注添加到地图中
//marker1.setAnimation(BMAP_ANIMATION_BOUNCE); //跳动的动画
//创建信息窗口
var infoWindow1 = new BMap.InfoWindow("<b>{pboot:companyname}</b><br>地址:{pboot:companyaddress}<br>电话:{pboot:companyphone}");
marker1.openInfoWindow(infoWindow1);
//marker1.addEventListener("click", function(){this.openInfoWindow(infoWindow1);});
//向地图中添加缩放控件
var ctrl_nav = new BMap.NavigationControl({anchor:BMAP_ANCHOR_TOP_LEFT,type:BMAP_N IGATION_CONTROL_LARGE});
map.addControl(ctrl_nav);
//向地图中添加缩略图控件
var ctrl_ove = new BMap.OverviewMapControl({anchor:BMAP_ANCHOR_BOTTOM_RIGHT,isOpen:1});
map.addControl(ctrl_ove);
//向地图中添加比例尺控件
var ctrl_sca = new BMap.ScaleControl({anchor:BMAP_ANCHOR_BOTTOM_LEFT});
map.addControl(ctrl_sca);
map.enabLEDragging();//启用地图拖拽事件,默认启用(可不写)
map.enableScrollWheelZoom();//启用地图滚轮放大缩小
map.enableDoubleClickZoom();//启用鼠标双击放大,默认启用(可不写)
map.enableKeyboard();//启用键盘上下左右键移动地
</script>
本文标签:
很赞哦! ()
相关教程
- (自适应)证书授权书防伪查询系统pbootcms模板
- (PC+WAP)门窗门业家居定制铝合金产品pbootcms模板下载
- (自适应响应式)英文外贸电子产品手机配件网站pbootcms模板
- (自适应响应式)家电维修清晰服务网站pbootcms模板免费下载
- (自适应)英文电子芯片电子元件网站pbootcms模板下载
- (自适应响应式)高端家用办公家具家居桌椅pbootcms模板下载
- (自适应手机端)英文外贸电子产品通用pbootcms模板源码下载
- (自适应响应式)高端珠宝首饰奢侈品pbootcms模板下载
- (自适应响应式)门窗定制门业带视频功能pbootcms模板下载
- (自适应响应式)html5高档服装定制西服pbootcms模板下载
- (PC+WAP)红色厨具厨房用品设备pbootcms模板源码下载
- (自适应)html5中英双语通用机械设备pbootcms模板下载
图文教程
pbootcms登录失败和表单提交校验失败的解决方法
1、如果出现 登入失败,表单提交校验失败 ,请检查您的服务器环境,然后刷新页面重试或者是删除 runtime 文件夹,然后刷新页面重试
pbootcms实现无刷新点赞功能的方法
在PbootCMS中,实现无刷新点赞功能可以通过AJAX技术来实现。以下是一个详细的步骤指南,帮助您在PbootCMS中实现无刷新点赞功能:
pbootcms模板导航调用方法
pbootcms模板导航调用方法:1、导航菜单列表{pboot:nav}[nav:name]{/pboot:nav}2、二级嵌套3、三级嵌套
pbootcms提示URL名称与模型URL名称冲突,请换一个名称!
pbootcms提示:URL名称与模型URL名称冲突,请换一个名称!解决办法找到模型管理,编辑对应模型把url名称修改为其他,例如:新闻栏目需要news
相关源码
-
自适应极简风个人博客文章自媒体网站模板基于PbootCMS开源内核开发的极简个人博客模板,采用移动优先设计原则,通过Media Query技术实现320px至1920px六级分辨率适配,确保在手机、平板及PC设备上均呈现良好的视觉体验。查看源码 -
自适应黑色建筑装饰设计公司个人工作室pbootcms模板基于PbootCMS内核开发的黑金风格模板,为建筑装饰、工程设计类企业打造,采用开源架构,支持跨行业快速适配,核心优势如下: 查看源码 -
(自适应多语言)WordPress开源主题MirageV资讯个人博客源码MirageV资讯类个人博客主题源码/WordPress主题/全开源MirageV 是一款开源的 WordPress 主题,支持自适应、暗黑模式、多语言等功能,查看源码 -
(PC+WAP)家居装饰家装建材营销型网站pbootcms模板下载本模板基于PbootCMS开发,主要服务于家居装饰、建材及相关行业。采用现代化设计风格,同时适配PC和移动设备访问。模板结构清晰,突出展示家装案例和建材产品,帮助企业在线上建立专业形象,有效展示产品与服务优势。查看源码 -
(PC+WAP)绿色硅胶橡胶玩具制品营销型网站源码下载为硅胶橡胶制品及玩具行业打造的营销型网站模板,采用PbootCMS内核开发,通过模块化设计实现产品参数、安全认证、应用场景等专业内容的可视化呈现,助力企业建立可信赖的线上展示平台。查看源码 -
自适应容器设备机械行业通用pbootcms网站模板本模板是一款基于PbootCMS开源内核深度开发,为容器制造、容器设备、压力容器及相关行业量身打造的高品质响应式企业网站模板。查看源码
| 分享笔记 (共有 篇笔记) |

