百度地图自定义控件分享_Javascript教程-查字典教程网
百度地图自定义控件分享
百度地图自定义控件分享
发布时间:2016-12-30 来源:查字典编辑
摘要:废话不多说了,直接奉上代码;复制代码代码如下:varmap=newBMap.Map('allmap');varBcenter=newBMap...

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

复制代码 代码如下:

<script>

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)

}

</script>

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

相关阅读
推荐文章
猜你喜欢
附近的人在看
推荐阅读
拓展阅读
  • 大家都在看
  • 小编推荐
  • 猜你喜欢
  • 最新Javascript教程学习
    热门Javascript教程学习
    编程开发子分类