leaflet-hello-world

Personal project to study the Leaflet mapping library.

Requirements so far:

• build with WebPack (a little tricky to get it working, see more in the section about leaflet-defaulticon-compatibility)
• zoom to Manaus/Amazonas, Brazil on map load
• draw a simple marker represented by an icon and show a popup when map gets loaded (super easy, natively supports popups)
• draw a simple circle and show a popup on click (super easy, natively supports popups)
• include measure widget (had to import a plugin)
• render gpx files (had to import a plugin)
• include table of contents widget (natively support it)
• zoom to layer when it gets rendered (super easy)

What to study next?

• draw a line from a list of points in JSON or GeoJSON
• query a feature layer by attribute
• query a feature layer by geometry
• render a timeline for temporal data

thoughts so far

• Simple to use
• Has numerous plugins
• API has inline examples, but has no links between Samples and API Classes
• Extensible architecture through L.Class and clear conventions for writing plugins

dependencies

leaflet

leaflet-defaulticon-compatibility

Due to Leaflet's use of url inside .css, a compatibility plugin had to be imported just to handle this within webpack.

leaflet-measure

leaflet-gpx

live demo