Baiduマップカスタムコントロール共有

これ以上苦労せずに、コードを提示するだけです。

コードコピーは次のとおりです。

<スクリプト>

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マップのカスタマイズされたコントロールです。誰もがそれを好きになることを願っています。