Lab 4: Leaflet

This map used the capabilities of Leaflet to create a basemap for Buffalo and its surrounding area.

Unlike the previous maps, this map was entirely created in html format. The basemap used Leaflet as a script source. The map object was centered on the latitude and longitude of Buffalo, which I found on Google. I then added the "terrain" layer from the Stamen website.

  • Link to Maps.Stamen.com

    Leaflet Map of Vacant Properties in Buffalo

    This map was used to show all vacant properties owned by the City of Buffalo and the value associated with each property. As with the previous map, it was made in HTML using Leaflet. However, this map also involved the use of GeoJSON and JavaScript files.

    Creating this map began by converting a shapefile of the vacant Buffalo properties to a GeoJSON file using QGIS. After this process was completed, I converted the GeoJSON file to JavaScript. The JavaScript file was then referenced in the HTML, where I added in-line CSS in order to describe the properties. The basemap was picked out from Github.

  • Link to Github Page Featuring Basemaps

    Leaflet Heat Map

    This map was based on the article "Creating a Density Heat Map with Leafet" from the website Geospatiality. The map incorporates made up data from Python representing a scenario where the Great Irish Elk of Ireland are cloned and must be stopped from affecting the Irish landscape.

    Making this map required a few extra steps compared to the prior two maps. For one, the map's size and scale is defined in a meta tag entitled "viewport." Several JavaScript and GeoJSON plugins were used for this map. One JavaScript file was used to show the heat points for the density of each elk. Meanwhile, the GeoJSON files were used to map the Kildare region, where the elk are located. The variables for the heat points set the radius and the blur for each point.

  • Link to "Creating a Density Heat Map With Leaflet" by Glen Bambrick