Leaflet térképes lehetőségei

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

Oceáni vihartérkép

 

 

 

 

A bejegyzés kategóriája: Egyéb, Informatika, Oktatás
Kiemelt szavak: , .
Közvetlen link.