Alex's public fiddles
-
qvjsa2gk
No-Library (pure JS), HTML, CSS, JavaScript
-
uft3aqmj
No-Library (pure JS), HTML, CSS, JavaScript
-
Display Features properties
No-Library (pure JS), HTML, CSS, JavaScript
-
qusdwLj2
jQuery 3.1.1, HTML, CSS, JavaScript
-
dz3wLhc2
jQuery 3.1.1, HTML, CSS, JavaScript
-
Query results in popup example
Esri Leaflet 2.1.4
-
z5n6xvh2
No-Library (pure JS), HTML, CSS, JavaScript
-
5ozmw7xa
No-Library (pure JS), HTML, CSS, JavaScript
-
nuy0Lb23
No-Library (pure JS), HTML, CSS, JavaScript
-
Load or display differents geojson data on zoom level for leaflet maps
No-Library (pure JS), HTML, CSS, JavaScript
-
Leaflet search control with data loaded from external GeoJSON file
jQuery (edge), HTML, CSS, JavaScript
-
Leaflet polygon filter test
No-Library (pure JS), HTML, CSS, JavaScript
-
Example of dynamic Leaflet popups from an AJAX request
jQuery 1.9.1, HTML, CSS, JavaScript
-
Styling Leaflet circleMarkers by numerical properties and plotting them with Highcharts
Synthetic GeoJSON data are created with a quasi-normal spatial distribution and displayed as circle markers on a Leaflet map. The markers are styled using a color ramp that is tied to one numerical property ("year" in this case) and a size scale that is tied to another ("size"). The scatterplot of size vs. year is created using Highcharts and placed in a Leaflet control box.
-
Leaflet search control with data loaded from external GeoJSON file
jQuery (edge), 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).
-
Custom map panes in Leaflet 1.0.0beta1
No-Library (pure JS), HTML, CSS, JavaScript
-
Range labels for LeafletSlider
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
-
A Leaflet control to choose features using an HTML select element
jQuery 2.1.3, HTML, CSS, JavaScript