これ以上苦労せずに、コードを提示するだけです。
コードコピーは次のとおりです。
<スクリプト>
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);
}
//コントロール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 = 'reset';
e1.onclick = function(){
statics();
}
Div.AppendChild(E1);
var e2 = document.createelement( 'input');
e2.type = 'button';
e2.value = 'Zoom Down';
e2.onclick = function(){
EndStatics();
}
Div.AppendChild(E2);
var e3 = document.createelement( "input");
e3.type = "button";
e3.Value = "Zoom IN";
e3.onclick = function(){
setStatics();
}
Div.AppendChild(E3);
//マップにDOM要素を追加します
map.getContainer()。appendChild(div);
// domに戻ります
Divを返します。
}
//コントロールインスタンスを作成します
var staticsctrl = new StaticControl();
//マップに追加します
map.addcontrol(staticsctrl);
function statics(){
map.centerandzoom(新しいbmap.point(116.404、39.915)、11);
}
関数endstatics(){
map.setzoom(map.getzoom() - 2);
}
関数setStatics(){
map.setzoom(map.getzoom()+2)
}
</script>
上記のコードは、私が使用しているBaiduマップのカスタマイズされたコントロールです。誰もがそれを好きになることを願っています。