Introduserte Baidu Maps API-fil
<script type="text/javascript" src="http://api.map.baidu.com/api?v=3.0&ak=your key" ></script> Opprett en kartinstans og sett grunnleggende egenskaper
function huaLine(id, sj, numSelect) {
Baidu Map API-funksjon
map = ny BMap.Map(id, { mapType: BMAP_HYBRID_MAP }); Lag kartinstanser, bland kart, både koordinater og satellittkart
map.centerAndZoom(ny BMap.Point(104.06, 30.67), 5); Initialiser kartet, sett koordinatene for senterpunktet og kartnivået
map.enableScrollWheelZoom (true); Slå på musehjulzoom
Introduksjon av Baidu map-point aggregation plug-in
<manus type="tekst/javascript" SRC="http://api.map.baidu.com/library/TextIconOverlay/1.2/src/TextIconOverlay_min.js"></script>
<manus type="tekst/javascript" SRC="http://api.map.baidu.com/library/MarkerClusterer/1.2/src/MarkerClusterer_min.js"></script>
Lag egendefinerte dimensjoner for å implementere punktaggregering
Lag et array
var-markører = [];
Lag et punkt med x- og y-koordinater i piksler
var pt = nytt BMap.Punkt (lengdegrad, breddegrad);
Sett ikonet til etiketten og endre størrelsen på det importerte bildet
var myIcon = ny BMap.Icon(".. /.. /img/work/yuan.png", ny BMap.Size(32, 32));
Lag en annotasjon, sett bredde- og lengdegrad på annotasjonen, samt det annoterte bildet
var marker2 = ny BMap.(pt, { ikon: myIcon });
Legg til punktene som må aggregeres til arrayet
.push(marker2);
Initialiser poengaggregering var markerClusterer = ny BMapLib.MarkerClusterer(map, {:});
Merk: De eksisterende poengaggregeringspluginene sitter relativt fast, du kan gå til Baidu for å søke etter noen plugins modifisert av store aktører å bruke
|