Zaveden soubor Baidu Maps API
<script type="text/javascript" src="http://api.map.baidu.com/api?v=3.0&ak=your key" ></script>
Vytvořte instanci mapy a nastavte základní vlastnosti
function huaLine(id, sj, numSelect) {
Funkce Baidu Map API
map = new BMap.Map(id, { mapType: BMAP_HYBRID_MAP }); Vytvářejte instance map, mixujte mapy, jak souřadnice, tak satelitní mapy
map.centerAndZoom (nový BMap.Point (104.06, 30.67), 5); Inicializujte mapu, nastavte souřadnice středového bodu a úroveň mapy
map.enableScrollWheelZoom(true); Zapněte kolečko myši – přiblížte
Představujeme plugin pro agregaci map map point
<scénář typ="text/javascript" SRC="http://api.map.baidu.com/library/TextIconOverlay/1.2/src/TextIconOverlay_min.js"></script>
<scénář typ="text/javascript" SRC="http://api.map.baidu.com/library/MarkerClusterer/1.2/src/MarkerClusterer_min.js"></script>
Vytvořte vlastní dimenze pro implementaci agregace bodů
Vytvořte pole
var markery = [];
Vytvořte bod s x a y souřadnicemi v pixelech
var pt = nový BMap.Point(zeměpisná délka, zeměpisná šířka);
Nastavte ikonu štítku a změňte velikost importovaného obrázku
var myIcon = nový BMap.Icon(".. /.. /img/work/yuan.png", nový BMap.Size(32, 32));
Vytvořte anotaci, nastavte zeměpisnou šířku a délku anotace a anotovaný obrázek
var marker2 = nový BMap.Marker(pt, { icon: myIcon });
Přidejte body, které je třeba agregovat do pole
markers.push(marker2);
Inicializace bodové agregace
var markerClusterer = nový BMapLib.MarkerClusterer(map, {markers:markers});
Poznámka: Stávající pluginy pro agregaci bodů jsou poměrně zaseklé, můžete jít na Baidu a hledat pluginy upravené velkými hráči
| 
Zveřejněno 07.07.2020 14:56:33
|
|
|
