หากไม่มีความกังวลใจเพิ่มเติมเพียงแสดงรหัส
การคัดลอกรหัสมีดังนี้:
<script>
var map = ใหม่ bmap.map ('allmap');
var bcenter = ใหม่ bmap.point (116.404,39.915);
map.centerandzoom (BCENTER, 11);
// การควบคุมที่กำหนดเอง
ฟังก์ชัน StaticControl () {
this.defaultanchor = bmap_anchor_top_left;
this.defaultoffset = ใหม่ bmap.size (10,10);
-
// การสืบทอด API ควบคุม
StaticControl.prototype = ใหม่ bmap.control ();
// เริ่มต้นการควบคุม
StaticControl.prototype.initialize = function (MAP) {
var div = document.createElement ('div');
var e1 = document.createElement ('อินพุต');
e1.type = 'ปุ่ม';
e1.value = 'รีเซ็ต';
e1.onclick = function () {
สถิติ ();
-
Div.AppendChild (E1);
var e2 = document.createElement ('อินพุต');
e2.type = 'ปุ่ม';
e2.value = 'ซูมลง';
e2.onclick = function () {
endstatics ();
-
Div.AppendChild (E2);
var e3 = document.createElement ("อินพุต");
e3.Type = "ปุ่ม";
e3.Value = "ซูมใน";
e3.onclick = function () {
setStatics ();
-
Div.AppendChild (E3);
// เพิ่มองค์ประกอบ DOM ลงในแผนที่
map.getContainer (). ภาคผนวก (div);
// กลับไปที่ DOM
คืน Div;
-
// สร้างอินสแตนซ์ควบคุม
var staticsctrl = new StaticControl ();
// เพิ่มลงในแผนที่
map.addControl (StaticsCtrl);
ฟังก์ชันสถิติ () {
map.centerandzoom (ใหม่ bmap.point (116.404, 39.915), 11);
-
ฟังก์ชั่น endstatics () {
map.setzoom (map.getzoom ()-2);
-
ฟังก์ชั่น setStatics () {
map.setzoom (map.getzoom ()+2)
-
</script>
รหัสด้านบนเป็นตัวควบคุมที่กำหนดเองของแผนที่ Baidu ที่ฉันใช้ ฉันหวังว่าทุกคนจะชอบมัน