Introduceerde Baidu Maps API-bestand
<script type="text/javascript" src="http://api.map.baidu.com/api?v=3.0&ak=your key" ></script>
Maak een map-instantie aan en stel basiseigenschappen in
function huaLine(id, sj, numSelect) {
Baidu Map API-functie
map = nieuwe BMap.Map(id, { mapType: BMAP_HYBRID_MAP }); Maak kaartinstanties, mix kaarten, zowel coördinaten als satellietkaarten
map.centerAndZoom(nieuwe BMap.Point(104.06, 30.67), 5); Initialiseer de map, stel de coördinaten van het middelpunt en het kaartniveau in
map.enableScrollWheelZoom(waar); Schakel muiswielzoom aan
Introductie van de Baidu map point aggregation plug-in
<script type="tekst/javascript" SRC="http://api.map.baidu.com/library/TextIconOverlay/1.2/src/TextIconOverlay_min.js"></script>
<script type="tekst/javascript" SRC="http://api.map.baidu.com/library/MarkerClusterer/1.2/src/MarkerClusterer_min.js"></script>
Maak aangepaste dimensies om puntenaggregatie te implementeren
Maak een array aan
var-markers = [];
Maak een punt met x- en y-coördinaten in pixels
var pt = nieuw BMap.Punt (lengtegraad, breedtegraad);
Stel het icoon van het label in en verander de grootte van de geïmporteerde afbeelding
var myIcon = nieuwe BMap.Icon(".. /.. /img/work/yuan.png", nieuwe BMap.Size(32, 32));
Maak een annotatie, stel de breedte- en lengtegraad van de annotatie in, en de geannoteerde afbeelding
var marker2 = nieuwe BMap.Marker(pt, { icoon: myIcon });
Voeg de punten die geaggregeerd moeten worden toe aan de array
markers.push(marker2);
Initialiseer puntaggregatie
var markerClusterer = nieuwe BMapLib.MarkerClusterer(map, {markers:markers});
Opmerking: De bestaande puntenaggregatie-plugins zitten redelijk vast, je kunt naar Baidu gaan om te zoeken naar plugins die door grote spelers zijn aangepast om te gebruiken
| 
Geplaatst op 07-07-2020 14:56:33
|
|
|
