百度地图自定义控件分享

废话不多说了,直接奉上代码;

代码如下:
var map = new BMap.Map('allmap'); var Bcenter = new BMap.Point(116.404,39.915); map.centerAndZoom(Bcenter,11); //自定义控件 function staticControl(){ this.defaultAnchor = BMAP_ANCHOR_TOP_LEFT; this.defaultOffset = new BMap.Size(10,10); } //继承Control的API staticControl.prototype = new BMap.Control(); //初始化控件 staticControl.prototype.initialize=function(map){ var div = document.createElement('div'); var e1 = document.createElement('input'); e1.type = 'button'; e1.value = '重置'; e1.onclick=function(){ statics(); } div.appendChild(e1); var e2=document.createElement('input'); e2.type = 'button'; e2.value = '缩小'; e2.onclick=function(){ endStatics(); } div.appendChild(e2); var e3 = document.createElement("input"); e3.type = "button"; e3.value = "放大"; e3.onclick = function () { setStatics(); } div.appendChild(e3); //添加DOM元素到地图中 map.getContainer().appendChild(div); //返回DOM return div; } //创建控件实例 var staticsCtrl = new staticControl(); //添加到地图当中 map.addControl(staticsCtrl); function statics(){ map.centerAndZoom(new BMap.Point(116.404,39.915),11); } function endStatics(){ map.setZoom(map.getZoom()-2); } function setStatics(){ map.setZoom(map.getZoom()+2) }

上面代码就是个人正在使用的百度地图的自定义控件,希望大家能够喜欢。

相关文章

前言 做过web项目开发的人对layer弹层组件肯定不陌生,作为l...
前言 前端表单校验是过滤无效数据、假数据、有毒数据的第一步...
前言 图片上传是web项目常见的需求,我基于之前的博客的代码...
前言 导出Excel文件这个功能,通常都是在后端实现返回前端一...
前言 众所周知,js是单线程的,从上往下,从左往右依次执行,...
前言 项目开发中,我们可能会碰到这样的需求:select标签,禁...