Predstavený súbor Baidu Maps API
<script type="text/javascript" src="http://api.map.baidu.com/api?v=3.0&ak=your key" ></script>
Vytvorte inštanciu mapy a nastavte základné vlastnosti
function huaLine(id, sj, numSelect) {
Funkcia Baidu Map API
map = new BMap.Map(id, { mapType: BMAP_HYBRID_MAP }); Vytvárajte inštancie máp, miešajte mapy, či už súradnice alebo satelitné mapy
map.centerAndZoom (nový BMap.Point (104.06, 30.67), 5); Inicializuj mapu, nastav stredové súradnice a úroveň mapy
map.enableScrollWheelZoom(true); Zapnite priblíženie kolieskom myši
Predstavujeme Baidu mapový agregátor bodov
<scenár typ="text/javascript" SRC="http://api.map.baidu.com/library/TextIconOverlay/1.2/src/TextIconOverlay_min.js"></script>
<scenár typ="text/javascript" SRC="http://api.map.baidu.com/library/MarkerClusterer/1.2/src/MarkerClusterer_min.js"></script>
Vytvorte vlastné rozmery na implementáciu agregácie bodov
Vytvorte pole
var markery = [];
Vytvorte bod s x a y súradnicami v pixeloch
var pt = nový BMap.Point(zemepisná dĺžka, zemepisná šírka);
Nastavte ikonu štítku a zmeňte veľkosť importovaného obrázka
var myIcon = nový BMap.Icon(".. /.. /img/work/yuan.png", nová BMap.Size(32, 32));
Vytvorte anotáciu, nastavte zemepisnú šírku a dĺžku anotácie a anotovaný obrázok
var marker2 = nový BMap.Marker(pt, { icon: myIcon });
Pridajte body, ktoré je potrebné agregovať do poľa
markers.push(marker2);
Inicializácia bodovej agregácie
var markerClusterer = new BMapLib.MarkerClusterer(map, {markers:markers});
Poznámka: Existujúce pluginy na agregáciu bodov sú relatívne zaseknuté, môžete ísť na Baidu a hľadať pluginy upravené veľkými hráčmi na použitie
| 
Zverejnené 7. 7. 2020 14:56:33
|
|
|
