Introduzione del file API Baidu Maps
<script type="text/javascript" src="http://api.map.baidu.com/api?v=3.0&ak=your key" ></script>
Crea un'istanza di mappa e imposta le proprietà di base
funzione huaLine(id, sj, numSelect) {
Funzione API di Baidu Map
map = nuovo BMap.Map(id, { mapType: BMAP_HYBRID_MAP }); Crea istanze di mappa, mescola mappe, sia coordinate che mappe satellitari
map.centerAndZoom (nuovo BMap.Point(104.06, 30.67), 5); Inizializzare la mappa, impostare le coordinate del punto centrale e il livello della mappa
map.enableScrollWheelZoom(vero); Attiva lo zoom della rotella del mouse
Presentazione del plug-in per l'aggregazione dei punti mappati Baidu
<script digitare="testo/javascript" src="http://api.map.baidu.com/library/TextIconOverlay/1.2/src/TextIconOverlay_min.js"></script>
<script digitare="testo/javascript" src="http://api.map.baidu.com/library/MarkerClusterer/1.2/src/MarkerClusterer_min.js"></script>
Crea dimensioni personalizzate per implementare l'aggregazione dei punti
Crea un array
marcatori var = [];
Crea un punto con coordinate x e y in pixel
var pt = nuovo BMap.Point(longitudine, latitudine);
Imposta l'icona dell'etichetta e cambia la dimensione dell'immagine importata
var myIcon = new BMap.Icon(".. /.. /img/work/yuan.png", nuova BMap.Size(32, 32));
Crea un'annotazione, imposta la latitudine e la longitudine dell'annotazione e l'immagine annotata
var marker2 = new BMap.Marker(pt, { icon: myIcon });
Aggiungi i punti che devono essere aggregati all'array
markers.push(marker2);
Aggregazione di punti inizializzata
var markerClusterer = new BMapLib.MarkerClusterer(map, {markers:markers});
Nota: I plugin di aggregazione di punti esistenti sono relativamente bloccati, puoi andare su Baidu per cercare alcuni plugin modificati da grandi da usare
| 
Pubblicato su 07/07/2020 14:56:33
|
|
|
