Einführung der Baidu Maps API-Datei
<Skripttyp="Text/JavaScript" src="http://api.map.baidu.com/api?v=3.0&ak=your Schlüssel" ></script>
Erstellen Sie eine Map-Instanz und legen Sie grundlegende Eigenschaften fest
function huaLine(id, sj, numSelect) {
Baidu Map API-Funktion
map = neuer BMap.Map(id, { mapType: BMAP_HYBRID_MAP }); Erstellen Sie Karteninstanzen, mischen Sie Karten, sowohl Koordinaten als auch Satellitenkarten
map.centerAndZoom (neuer BMap.Point(104.06, 30.67), 5); Initialisiere die Karte, setze die Koordinaten des Mittelpunkts und die Kartenebene
map.enableScrollWheelZoom (true); Schalte Mausrad-Zoom ein
Einführung des Baidu Map Point Aggregation Plug-ins
<Skript Art="Text/JavaScript" SRC="http://api.map.baidu.com/library/TextIconOverlay/1.2/src/TextIconOverlay_min.js"></script>
<Skript Art="Text/JavaScript" SRC="http://api.map.baidu.com/library/MarkerClusterer/1.2/src/MarkerClusterer_min.js"></script>
Erstellen Sie benutzerdefinierte Dimensionen zur Implementierung der Punktaggregation
Erstellen Sie ein Array
var-Marker = [];
Erstelle einen Punkt mit x- und y-Koordinaten in Pixeln
var pt = neuer BMap.Point (Längengrad, Breite);
Setze das Symbol des Labels und ändere die Größe des importierten Bildes
var myIcon = neuer BMap.Icon(".. /.. /img/work/yuan.png", neuer BMap.Size(32, 32));
Erstellen Sie eine Annotation, legen Sie den Breitengrad und Längengrad der Annotation sowie das annotierte Bild fest
var marker2 = neuer BMap.Marker(pt, { icon: myIcon });
Füge die zu aggregierenden Punkte dem Array hinzu
markers.push(marker2);
Initialisieren der Punktaggregation
var markerClusterer = neuer BMapLib.MarkerClusterer(map, {markers:markers});
Hinweis: Die bestehenden Punktaggregations-Plugins sind relativ festgefahren, du kannst zu Baidu gehen, um nach Plugins zu suchen, die von großen Entwicklern modifiziert wurden, um sie zu verwenden
| 
Veröffentlicht am 07.07.2020 14:56:33
|
|
|
