手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >百度地图自定义控件分享
百度地图自定义控件分享
摘要:废话不多说了,直接奉上代码;复制代码代码如下: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>

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

【百度地图自定义控件分享】相关文章:

IP地址输入框

JQuery中层次选择器用法实例详解

jquery任意位置浮动固定层插件用法实例

将HTML自动转为JS代码

些很实用且必用的小脚本代码

Javascript调用XML制作连动下拉列表框

jQuery+ajax实现无刷新级联菜单示例

AngularJS数据源的多种获取方式汇总

多种js图片预加载实现方式分享

Java数据类型以及变量的定义

精品推荐
分类导航