Leaflet egy nyílt szabadon hozzáférhető JS könyvtár
(An Open-Source JavaScript Library for Mobile-Friendly Interactive Maps)
Jelölő összevonás és megjelenítési lehetőségek (marker -> cluster)
Itt az egyes térkép jelölőpontok összevonása történik meg az átláthatóság biztosítása miatt.
Használatba vétel lépései:
// 1. A jelőlőcsoport cluster csoportból származtatása: var markers = L.markerClusterGroup();
// 2. A jelölők példányosítás után jelölő tömbbe helyezése: markers.addLayer(marker);
Az esri térképeknek saját kezelője van amelyet csak fel kell paraméterezni (persze ez nem mindenkinek tetszik)
var stops = L.esri.clusteredFeatureLayer('https://services.arcgis.com/rOo16HdIMeOBI4Mb/arcgis/rest/services/stops/FeatureServer/0', {
spiderfyOnMaxZoom:false,
disableClusteringAtZoom: 16,
polygonOptions: {
color: '#2d84c8',
weight: 4,
opacity: 1,
fillOpacity: 0.5
},
iconCreateFunction: function(cluster) {
var count = cluster.getChildCount();
var digits = (count+'').length;
return new L.DivIcon({
html: count,
className:'cluster digits-'+digits,
iconSize: null
});
},
pointToLayer: function (geojson, latlng) {
var direction = (geojson.properties.direction) ? geojson.properties.direction.toLowerCase() : 'none';
return L.marker(latlng, {
icon: icons[direction]
});
}
}).addTo(map);
lf_pie.html
lf_pie2.html
lf_cluster_aut.html
if_cluster_388_m.html
lf_draw.html
lf_cluster_10000.html
lf_cluster_50000.html
lf_mie_esri
lf_mie_mapnik
lf_esri_cluster.html
lf_osm_cluster.html
Terület függő adat megjelenítés
A megfelelően strukturált forrás és a feldolgozó logika nagyon látványos animációk kialakítását képes biztosítani.
bp2_lak.html
bp_lak.html
hu_lak.html
hu_kist_lak.html
hu_kist_lak_cluster.html
hu_kisterkep.html