首页 > 其他分享 >pbootcms模板如何增加百度地图

pbootcms模板如何增加百度地图

时间:2024-08-30 17:49:54浏览次数:11  
标签:map ctrl 地图 BMap 模板 var new 百度 pbootcms

pbootcms 模板该怎样去增加百度地图呢? 首先,您需要找到您打算增加百度地图的那个模板,其所在路径为:template 文件夹。举例来说,如果您想要将其增加到联系页面的 contact.html 上,那就找到合适的位置,然后添加如下代码:

<script type="text/javascript" src="https://api.map.baidu.com/api?v=2.0&amp;ak=YQiwVrOyoN9C9ZMGkVL2a4jT"></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_NAVIGATION_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> 

标签:map,ctrl,地图,BMap,模板,var,new,百度,pbootcms
From: https://www.cnblogs.com/hwrex/p/18389210

相关文章

  • PbootCMS内容和列表页调用tags列表
    1、调用指定栏目下的内容tags: 在此处,tags的链接会指向所填scode分类下列表页。例如,如果填写了数字5和7,那么数字5下面的内容将指向5对应的列表页,而数字7下面的内容则会指向7对应的列表页。 {pboot:tagsscode=,}<ahref="[tags:link]">[tags:text]</a>{/pboot......
  • pbootcms调用标题和摘要描述字数限制方法
    长度截取可以采用len=*或者lencn=*的方式。其中,使用lencn=*能够规避中英文长度不一致的问题,因为在这种设置下,一个英文字符被算作半个字。在(V1.3.5+)版本中,进行内容截取时,可以通过more='*'来设置省略号内容,而若设置more=''则不会显示省略号。例如:在对内容列表标题进行截取......
  • pbootcms禁止数字id方式访问栏目,如/1/
    在pbootcms处于伪静态状态下,栏目既可以通过“www.xxx.com/about/”这样的形式进行访问,也可以通过“www.xxx.com/1/”的方式进行访问。然而,对于那些对seo要求极为严谨的人来说,这种情况是不合理的。那么,究竟该如何关闭通过数字id方式访问栏目的功能呢?下面,我们就来详细地介绍一......
  • pbootcms后台的百度普通收录token怎么填写?怎么获得?
    首先打开:百度搜索资源平台(https://ziyuan.baidu.com/),如果您还没有账号,那么可以直接注册一个新的账号。然后点击用户中心,接着选择站点管理,再点击添加网站(请务必按照系统给出的提示进行相关操作)最后点击资源提交,找到普通收录,然后选择推送接口,此时您就能够看到Token值了!把token......
  • windows系统配置nginx环境运行pbootcms访问首页直接404的问题
    近来在协助客户处理安装过程中遭遇的这样一个状况,在安装pbootcms之后,访问后台的/admin.php能够成功,然而直接访问首页却显示404错误。运行环境所采用的运行环境为:windows操作系统加上nginx服务器再加上php语言的组合环境。详细经过客户表示伪静态规则始终未能生效,经过......
  • PbootCMS生成的sitemap.xml中增加tag标签链接
    打开/apps/home/model/SitemapModel.php,在78行后面增加个指定分类标签调用代码。//指定分类标签调用publicfunctiongetSortTags($scode){$join=array(array('ay_content_sortb','a.scode=b.scode','LEFT'......
  • PbootCMS制作个性分页条之单页/总页数效果
    第一步:PbootCMS单页/总页数分页条效果显示上一页,下一页,首页,尾页,和当前页,以及当前页位于总页数的位置 这种分页效果简洁明了,适合博客站和咨询站等网站使用<!--分页-->{pboot:if({page:rows}>0)}<divclass="pagebar"><divclass="pagination"><aclass=......
  • pbootcms内容详情页标签调用
    内容详情页标签适用范围:在内容详情页使用,包括单页和列表点击后的详情页标签作用:用于输出当前内容的相关信息{content:id}编号{content:scode}栏目编码{content:subscode}副栏目编码{content:sortname}栏目名称{content:subsortname}副栏目名称{conten......
  • pbootcms文章插入图片取消最大只有1000宽度怎么办
    pbootcms文章插图无法突破固定最大1000像素这一问题。PBCMS在默认上传图片时,会自动为图片添加宽度和高度。就PC端而言,这并无太大影响,原因在于图片的宽度通常不会过大。然而,对于手机端情况则截然不同,部分自适应的网站其图片宽度设置为auto或者100%,一旦对宽度和高度加以限......
  • PbootCMS文章列表没有缩略图时也不显示默认图片怎么办
    在运用pbootcms模板来构建网站的整个流程之中,如果列表采用了缩略图予以显示,那么即使在后台未曾上传缩略图的情况下,依然会展示出默认图片。倘若我们并不期望显示默认图片,在此种情形下,我们便能够借助PB自身所带有的缩略图返回值,来对是否上传了缩略图进行判定。以下所呈现的是......