alat

Ikhtisar alat peta

Petua: Alat ini telah dijadikan pustaka sumber terbuka (lib) dan percuma dan terbuka kepada dunia luar Anda boleh mengakses perpustakaan sumber terbuka JavaScript secara langsung. Jika anda perlu menjalankan kod sampel berikut, sila sahkan dahulu bahawa fail lib telah diperkenalkan ke dalam projek pembangunan Untuk kaedah rujukan khusus, lihat fail sumber sampel yang disediakan oleh perpustakaan sumber terbuka JavaScript. Ambil perhatian bahawa pustaka sumber terbuka mesti digunakan bersama-sama dengan Baidu Map JS API.

Peta Baidu menyediakan "alat" dengan fungsi interaktif yang lebih kompleks, termasuk:

MarkerTool: Alat penanda. Dengan alat ini, pengguna boleh menambah label pada mana-mana kawasan peta.

MarkerClusterer: Pengagregat berbilang anotasi. Alat ini menyelesaikan masalah memuatkan sebilangan besar ciri titik pada peta yang menyebabkan kelambatan dan overwrite.

MarkerManager: Alat pengurusan penandaan. Alat ini menyediakan keupayaan untuk menunjukkan, menyembunyikan dan mengosongkan semua anotasi.

RichMarker: Alat anotasi yang kaya. Alat ini menyediakan pengguna dengan gaya Penanda tersuai dan menambah acara klik, dwiklik, seret dan lepas.

DistanceTool: Alat ukuran jarak. Alat ini membolehkan pengguna mengukur jarak antara mana-mana lokasi pada peta.

RectangleZoom: Alat zum wilayah. Alat ini akan mengezum masuk atau keluar pada peta berdasarkan saiz kawasan segi empat tepat yang dilukis oleh pengguna.

MapWrapper: Alat menggerakkan peta. Alat ini menyediakan fungsi untuk menambah Penanda dalam bentuk koordinat Google atau GPS pada Peta Baidu.

InfoBox: Alat tetingkap maklumat tersuai. Sama seperti infoWindow, ia lebih fleksibel daripada infoWindow Contohnya, anda boleh menyesuaikan sempadan, gaya butang tutup, dsb.

LuShu: Buku jalan, alat pergerakan trajektori. Alat ini digunakan untuk merealisasikan pergerakan penanda di sepanjang laluan dan mempunyai fungsi seperti jeda.

CityList: Alat senarai bandar. Alat ini secara langsung menjana senarai bandar untuk pengguna dan disertakan dengan operasi pemilihan bandar.

Sekatan Kawasan: Alat sekatan kawasan. Alat ini menyediakan pengguna dengan tetapan sekatan kawasan menyemak imbas peta Baidu.

GeoUtils: Alat operasi geometri. Alat ini memberikan pertimbangan tentang hubungan antara titik dan segi empat tepat, bulatan, garis poligon, dan muka poligon, dan menyediakan formula untuk mengira panjang garis poligon dan luas poligon.

Kawalan Trafik: Kawalan trafik masa nyata. Alat ini menyediakan paparan masa nyata, penyembunyian, dsb. lapisan aliran trafik pada peta.

SearchControl: Kawalan carian. Alat ini adalah untuk peranti mudah alih dan menyediakan pemilihan senarai bandar, kotak carian setempat dan kotak pertanyaan pemanduan bas. dan menyediakan fungsi yang sepadan.

Pengurus Lukisan: Alat lukisan tetikus. Melalui alat ini, pengguna boleh melukis titik, garisan, dan gambar di mana-mana sahaja pada peta dan memaparkan jarak garisan dan luas permukaan.

EventWrapper: alat pembungkusan acara. Alat ini menyediakan pendekatan yang lebih mesra pengguna untuk menggunakan acara.

TextIconOverlay: Alat tindanan tersuai. Pengguna boleh menggunakan alat ini untuk menambah tindanan gaya teks dan ikon pada peta.

SearchInRectangle: Alat zum bingkai, digunakan untuk mencapai tiga kesan carian bingkai.

SearchInfoWindow: Alat tetingkap maklumat "Gaya peta Baidu". Alat ini menyediakan pengguna dengan tetingkap maklumat dengan kotak carian, dan kandungan tetingkap ini boleh disesuaikan secara bebas dalam pelbagai gaya. Pada masa yang sama, pengguna boleh menghantar tajuk tetingkap maklumat ke telefon bimbit mereka sebagai mesej teks.

Kelas alat perlu menyediakan parameter contoh peta semasa memulakan supaya alat boleh berkuat kuasa pada peta. Anda boleh menambah berbilang alatan pada peta, tetapi hanya satu yang boleh aktif pada satu masa. Alat pelabelan dan alat julat akan keluar secara automatik daripada keadaan terbuka selepas menyelesaikan operasi, manakala alat zum kawasan boleh dikonfigurasikan untuk menutup secara automatik atau tidak.

Menambah alatan pada peta

Selepas peta dimulakan dengan betul, anda boleh mencipta tika alat. Contoh berikut menunjukkan cara menambah alat label pada peta.

var map = new BMap.Map("container");    
map.centerAndZoom(new BMap.Point(116.404, 39.915), 15);    
var myPushpin = new BMap.PushpinTool(map);         // 创建标注工具实例    
myPushpin.addEventListener("markend", function(e){  // 监听事件，提示标注点坐标信息   
 alert("您标注的位置：" +     
       e.marker.getPoint().lng + ", " +     
       e.marker.getPoint().lat);    
});    
myPushpin.open();                                  // 开启标注工具

Kawal buka dan tutup alatan melalui butang

Kelas alat tidak menyediakan elemen UI untuk mengawal pembukaan dan penutupannya. Anda boleh mencipta sendiri elemen ini mengikut keperluan dan meletakkannya di dalam atau di luar kawasan peta. Memanggil buka dan tutup kelas alat boleh mengawal pembukaan dan penutupan alat.

Mula-mula mulakan peta dan buat contoh alat julat:

var map = new BMap.Map("container");    
map.centerAndZoom(new BMap.Point(116.404, 39.915), 15);    
var myDis = new BMapLib.DistanceTool(map);

Kemudian kami mencipta dua elemen butang dan menambah acara klik padanya.

Contoh ini menambahkan teks gesaan pada alat zum kawasan.

var map = new BMap.Map("container");    
map.centerAndZoom(new BMap.Point(116.404, 39.915), 15);    
var myDrag = new BMapLib.DragAndZoomTool(map, {    
 followText : "拖拽鼠标进行操作"    
});