خريطة بايدو مشاركة التحكم المخصصة

دون مزيد من اللغط ، فقط تقديم الكود ؛

نسخة الكود كما يلي:

<script>

var map = new bmap.map ('allmap') ؛

var bcenter = new bmap.point (116.404،39.915) ؛

Map.Centerandzoom (Bcenter ، 11) ؛

// السيطرة المخصصة

وظيفة staticControl () {

this.defaultanchor = bmap_anchor_top_left ؛

this.defaultoffset = new bmap.size (10،10) ؛

}

// ورث واجهة برمجة تطبيقات التحكم

StaticControl.Prototype = جديد bmap.control () ؛

// تهيئة التحكم

staticControl.Prototype.Initialize = وظيفة (خريطة) {

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 = 'metoom down' ؛

e2.Onclick = function () {

endstatics () ؛

}

Div.AppendChild (E2) ؛

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

e3.type = "button" ؛

e3.value = "Zoom in" ؛

e3.onckk = function () {

setStatics () ؛

}

Div.AppendChild (E3) ؛

// إضافة عناصر DOM إلى الخريطة

map.getContainer (). appendChild (div) ؛

// العودة إلى DOM

إرجاع Div.

}

// إنشاء مثيل تحكم

var staticsctrl = new StaticControl () ؛

// أضف إلى الخريطة

map.addcontrol (staticsctrl) ؛

Function Statics () {

Map.Centerandzoom (New Bmap.Point (116.404 ، 39.915) ، 11) ؛

}

وظيفة endstatics () {

map.setzoom (map.getzoom ()-2) ؛

}

وظيفة setStatics () {

map.setzoom (map.getzoom ()+2)

}

</script>

الرمز أعلاه هو عنصر التحكم المخصص لخرائط Baidu التي أستخدمها. أتمنى أن يعجبه الجميع.