BAIDU Peta Kustom Kontrol Berbagi

Tanpa basa -basi lebih lanjut, cukup sajikan kode;

Salinan kode adalah sebagai berikut:

<script>

var map = bmap.map baru ('allmap');

var bcenter = bmap.point baru (116.404,39.915);

Map.Centerandzoom (BCenter, 11);

// Kontrol Kustom

function staticcontrol () {

this.defaultanchor = bmap_anchor_top_left;

this.defaultOffset = bmap.size baru (10,10);

}

// mewarisi API kontrol

staticcontrol.prototype = bmap.control () baru;

// Inisialisasi kontrol

staticcontrol.prototype.initialize = function (peta) {

var div = document.createElement ('div');

var e1 = document.createElement ('input');

e1.type = 'tombol';

e1.value = 'reset';

e1.onClick = function () {

statika();

}

Div.AppendChild (E1);

var e2 = document.createElement ('input');

e2.type = 'tombol';

e2.value = 'zoom down';

e2.onClick = function () {

endstatics ();

}

Div.AppendChild (E2);

var e3 = document.createElement ("input");

e3.type = "tombol";

e3.value = "zoom in";

e3.onClick = function () {

setStatics ();

}

Div.AppendChild (E3);

// Tambahkan elemen DOM ke peta

Map.getContainer (). AppendChild (Div);

// kembali ke DOM

Return Div;

}

// Buat contoh kontrol

var staticsctrl = staticcontrol baru ();

// Tambahkan ke peta

peta.addControl (staticsctrl);

statika fungsi () {

Map.Centerandzoom (BMAP.Point baru (116.404, 39.915), 11);

}

fungsi endstatics () {

peta.setZoom (map.getZoom ()-2);

}

function setstatics () {

peta.setZoom (map.getZoom ()+2)

}

</script>

Kode di atas adalah kontrol yang disesuaikan dari peta Baidu yang saya gunakan. Saya harap semua orang bisa menyukainya.