nathansnider's public fiddles
-
Custom tiles test
No-Library (pure JS), HTML, CSS, JavaScript
-
Inset test
No-Library (pure JS), HTML, CSS, JavaScript
-
mfaozrya
No-Library (pure JS), HTML, CSS, JavaScript
-
Mapquest reverse geocoding from Leaflet map click
No-Library (pure JS), HTML, CSS, JavaScript
-
Gradual animated panning on a Leaflet map, with stop button
No-Library (pure JS), HTML, CSS, JavaScript
-
Simple Leaflet MarkerCluster example with random GeoJSON data. (Leaflet 0.7.0 test)
jQuery 1.9.1, HTML, CSS, JavaScript
-
Setting Leaflet Layer Opacity with Slider For Bootstrap
jQuery 1.9.1, HTML, CSS, JavaScript
-
Setting Leaflet Background Layer Opacity with Slider For Bootstrap
No-Library (pure JS), HTML, CSS, JavaScript
-
Simple Leaflet MarkerCluster example with random GeoJSON data.
jQuery 1.9.1, HTML, CSS, JavaScript
-
15,000 dots - Leaflet 1.0.0b2
jQuery 1.9.1, HTML, CSS, JavaScript
-
15,000 dots - Leaflet 0.7.5
jQuery 1.9.1, HTML, CSS, JavaScript
-
Adding GeoJSON data to a Leaflet map (with a timer) - 1.0 beta version
jQuery 1.9.1, HTML, CSS, JavaScript
-
Adding GeoJSON data to a Leaflet map (with a timer)
jQuery 1.9.1, HTML, CSS, JavaScript
-
7tsLue6d
jQuery 1.9.1, HTML, CSS, JavaScript
-
Range labels for LeafletSlider
jQuery 1.9.1, HTML, CSS, JavaScript
-
0jew961k
No-Library (pure JS), HTML, CSS, JavaScript
-
qa3ovhvd
No-Library (pure JS), HTML, CSS, JavaScript
-
0v7mp8k2
No-Library (pure JS), HTML, CSS, JavaScript
-
Custom map panes in Leaflet 1.0.0beta1
No-Library (pure JS), HTML, CSS, JavaScript
-
Filtering Leaflet data with jQRangeSlider
Here, a jQRangeSlider is used to filter GeoJSON data dynamically based on a numerical property (year). The GeoJSON data are created with a quasi-normal spatial distribution, filtered, then displayed as circle markers on a Leaflet map. Because the data are filtered and re-displayed every time the slider is moved, performance is rather slow. This can be alleviated by replacing "valuesChanging" with "valuesChanged" in the slider filter binding (line 214).