Memperkenalkan file API Peta Baidu
<script type="text/javascript" src="kunci http://api.map.baidu.com/api?v=3.0&ak=your" ></script>
Membuat instance peta dan mengatur properti dasar
function huaLine(id, sj, numSelect) {
Fungsi API Peta Baidu
map = new BMap.Map(id, { mapType: BMAP_HYBRID_MAP }); Buat instance Peta, campurkan peta, koordinat dan peta satelit
map.centerAndZoom(BMap.Point baru(104.06, 30.67), 5); Inisialisasi peta, atur koordinat titik tengah dan tingkat peta
map.enableScrollWheelZoom(true); Mengaktifkan zoom roda mouse
Memperkenalkan plug-in agregasi titik peta Baidu
< skrip jenis="teks/javascript" src="http://api.map.baidu.com/library/TextIconOverlay/1.2/src/TextIconOverlay_min.js"></script>
< skrip jenis="teks/javascript" src="http://api.map.baidu.com/library/MarkerClusterer/1.2/src/MarkerClusterer_min.js"></script>
Membuat dimensi kustom untuk menerapkan agregasi titik
Membuat array
penanda var = [];
Membuat titik dengan koordinat x dan y dalam piksel
var pt = BMap.Point baru (bujur, lintang);
Atur ikon label dan ubah ukuran gambar yang diimpor
var myIcon = BMap.Icon baru(".. /.. /img/work/yuan.png", BMap.Size baru (32, 32));
Buat anotasi, atur garis lintang dan bujur anotasi, dan gambar beranotasi
var marker2 = BMap.Marker baru(pt, { ikon: myIcon });
Tambahkan titik yang perlu digabungkan ke array
penanda.dorong (penanda2);
Menginisialisasi agregasi titik
var markerClusterer = BMapLib.MarkerClusterer baru(peta, {markers:markers});
Catatan: Plugin agregasi titik yang ada relatif macet, Anda dapat pergi ke Baidu untuk mencari beberapa plugin yang dimodifikasi oleh orang-orang besar untuk digunakan
| 
Diposting pada 07/07/2020 14.56.33
|
|
|
