百度地图自定义控件分享

前端之家收集整理的这篇文章主要介绍了百度地图自定义控件分享前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

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

代码如下:
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) }

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

原文链接:https://www.f2er.com/js/55464.html

猜你在找的JavaScript相关文章