Bemutattam a Baidu Maps API fájlt
<script type="text/javascript" src="http://api.map.baidu.com/api?v=3.0&ak=your key" ></script>
Hozz létre egy térképpéldányt, és állíts be alapvető tulajdonságokat
function huaLine(id, sj, numSelect) {
Baidu Map API függvény
map = új BMap.Map(id, { mapType: BMAP_HYBRID_MAP }); Készíts térképpéldányokat, keverd térképeket, mind koordinátákat, mind műholdas térképeket
map.centerAndZoom (új BMap.Point(104.06, 30.67), 5); Inicializáld a leképezést, állítsd be a középpont koordinátáit és a térkép szintjét
map.enenable ScrollWheelZoom(true); Kapcsold be az egérkerék zoomot
Bevezetés a Baidu térképpont-aggregációs bővítmény
<forgatókönyv típus="szöveg/javascript" src="http://api.map.baidu.com/library/TextIconOverlay/1.2/src/TextIconOverlay_min.js"></script>
<forgatókönyv típus="szöveg/javascript" src="http://api.map.baidu.com/library/MarkerClusterer/1.2/src/MarkerClusterer_min.js"></script>
Hozzon létre egyedi dimenziókat a pontaggregáció megvalósításához
Hozzon létre egy tömböt
var markers = [];
Hozz létre egy pontot, amelynek x és y koordinátái vannak pixelben
var pt = új BMap.Pont (hosszúság, szélesség);
Állítsd be a címke ikonját, és változtasd meg az importált kép méretét
var myIcon = new BMap.Icon(".. /.. /img/work/yuan.png", új BMap.Size(32, 32));
Készíts egy annotációt, állítsd be a jegyzet szélesség- és hosszúságát, valamint az annotált képet
var marker2 = új BMap.Marker(pt, { icon: myIcon });
Hozzáadjuk azokat az összesített pontokat a tömbbe
markers.push(marker2);
Inicializáld a pontaggregációt
var markerClusterer = new BMapLib.MarkerClusterer(map, {markers:markers});
Megjegyzés: A meglévő pontaggregációs pluginek viszonylag elakadtak, a Baidu oldalán kereshetsz nagyágyúk által módosított plugineket
| 
Közzétéve 2020. 07. 07. 14:56:33
|
|
|
