Baidu Maps API -tiedosto esiteltiin
<script type="text/javascript" src="http://api.map.baidu.com/api?v=3.0&ak=your key" ></script>
Luo kartta-instanssi ja aseta perusominaisuudet
function huaLine(id, sj, numSelect) {
Baidu Map API -funktio
map = new BMap.Map(id, { mapType: BMAP_HYBRID_MAP }); Luo kartta-instansseja, sekoita karttoja, sekä koordinaatteja että satelliittikarttoja
map.centerAndZoom (uusi BMap.Point(104.06, 30.67), 5); Alusta kartta, aseta keskipisteen koordinaatit ja karttataso
map.enenable ScrollWheelZoom(true); Käynnistä hiiren pyöräzoomaus
Baidu-karttapisteiden aggregaatioplug-in-lisäosan esittely
<käsikirjoitus tyyppi="teksti/javascript" src="http://api.map.baidu.com/library/TextIconOverlay/1.2/src/TextIconOverlay_min.js"></script>
<käsikirjoitus tyyppi="teksti/javascript" src="http://api.map.baidu.com/library/MarkerClusterer/1.2/src/MarkerClusterer_min.js"></script>
Luo mukautettuja ulottuvuuksia pisteiden aggregoinnin toteuttamiseksi
Luo taulukko
var-merkit = [];
Luo piste, jonka koordinaatit x ja y ovat pikseleissä
var pt = uusi BMap.Piste (pituusaste, leveysaste);
Aseta etiketin kuvake ja muuta tuodun kuvan kokoa
var myIcon = uusi BMap.Icon(".. /.. /img/work/yuan.png", uusi BMap.Size(32, 32));
Luo annotaatio, aseta annotoinnin leveys- ja pituusasteet sekä kommentoitu kuva
var marker2 = uusi BMap.Marker(pt, { icon: myIcon });
Lisää taulukkoon ne pisteet, jotka täytyy koota
markers.push(marker2);
Pisteiden aggregoinnin alustaminen
var markerClusterer = new BMapLib.MarkerClusterer(map, {markers:markers});
Huomautus: Nykyiset pisteiden aggregointipluginit ovat melko jumissa, voit mennä Baidusta etsimään isompien toimijoiden muokkaamia plugineja käytettäväksi
| 
Julkaistu 7.7.2020 14.56.33
|
|
|
