Skip to content

improvbutterfly/leaflet-challenge

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

14 Commits
 
 
 
 
 
 
 
 

Repository files navigation

leaflet-challenge

Earthquake data mapping

For this project, I was asked to use data from USGS to create a map using Leaflet.js and display all the earthquakes included in the selected GeoJSON file (I chose all earthquakes in the last 7 days). I also had to include a clickable popup info box for each data point, showing the location, magnitude, and depth of each earthquake.

Leaflet Step 1

From the selected dataset and map, I was required to plot the size of the marker based on the magnitude, and create a color code based on the depth of the earthquake.

See it in action!

Example screenshots

World Map

Tool Tip sample

Leaflet Step 2

Step 2 required me to add an additional data layer for tectonic plates (source) and base map layers.

See it in action!

Example screenshot

Satellite Map