Lavanya- Leaflet API

This map uses ArcGIS Pro, QGIS, OpenLayers and Leaflet JavaScript API to develop a custom web map of Nanaimo’s municipalities. The map features pop-ups that display essential information, including each municipality's website, population, number of dwellings, and area. It also offers various base map options: Open Street Map, HOT, and TopoMap, using tile layers sourced from Open Street Map.
The process begins with loading a municipalities layer into ArcGIS Pro, reprojecting it to a geographic coordinate system, and exporting it as a shapefile. This shapefile is then imported into QGIS, where a basic web map is created using the Create web map QGIS plugin.
The Leaflet website provides tutorials such as Using geoJSON with Leaflet which was used as a reference for this map. With a few lines of code, we can write functions to style the municipalities layer, provide base map options, add a scale bar, and configure pop-ups using the attributes from the geoJSON file.

Lavanya Gopal GIS | Data Science | Remote Sensing | Engineering