百度地圖自定義控件分享
廢話(huà)不多說(shuō)了,直接奉上代碼;
<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;
}
//創(chuàng)建控件實(shí)例
var staticsCtrl = new staticControl();
//添加到地圖當(dāng)中
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>
上面代碼就是個(gè)人正在使用的百度地圖的自定義控件,希望大家能夠喜歡。
相關(guān)文章
JavaScript實(shí)現(xiàn)簡(jiǎn)單的tab選項(xiàng)卡切換
這篇文章主要介紹了JavaScript實(shí)現(xiàn)簡(jiǎn)單的tab選項(xiàng)卡切換的相關(guān)資料,需要的朋友可以參考下2016-01-01
JavaScript實(shí)現(xiàn)復(fù)選框全選或全取消操作
這篇文章主要為大家詳細(xì)介紹了JavaScript實(shí)現(xiàn)復(fù)選框全選或全取消操作,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2021-09-09
微信小程序授權(quán)登錄實(shí)現(xiàn)方案wx.getUserProfile(2022年最新版)
微信在最近開(kāi)始要求使用wx.getUserProfile()來(lái)獲取用戶(hù)的昵稱(chēng),頭像等信息,所以下面這篇文章主要給大家介紹了關(guān)于2022年最新版微信小程序授權(quán)登錄實(shí)現(xiàn)方案wx.getUserProfile的相關(guān)資料,需要的朋友可以參考下2022-11-11
JS控件bootstrap datepicker使用方法詳解
這篇文章主要介紹了js控件bootstrap datepicker的使用方法,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2017-03-03
Javascript實(shí)現(xiàn)簡(jiǎn)單的富文本編輯器附演示
這篇文章主要介紹了通過(guò)Javascript實(shí)現(xiàn)的簡(jiǎn)單富文本編輯器,需要的朋友可以參考下2014-06-06
JavaScript實(shí)現(xiàn)控制打開(kāi)文件另存為對(duì)話(huà)框的方法
這篇文章主要介紹了JavaScript實(shí)現(xiàn)控制打開(kāi)文件另存為對(duì)話(huà)框的方法,實(shí)例分析了javascript實(shí)現(xiàn)文件另存為的技巧,非常具有實(shí)用價(jià)值,需要的朋友可以參考下2015-04-04
JavaScript實(shí)現(xiàn)的簡(jiǎn)單煙花特效代碼
這篇文章主要介紹了JavaScript實(shí)現(xiàn)的簡(jiǎn)單煙花特效代碼,涉及JavaScript數(shù)學(xué)運(yùn)算及頁(yè)面元素基于定時(shí)函數(shù)運(yùn)動(dòng)的相關(guān)技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-10-10

