https://github.com/ejw-data/leaflet-earthquakes

Example of using Leaflet and Mapbox. This map shows the location, magnitude and depth of earthquakes by customizing the markers.
https://github.com/ejw-data/leaflet-earthquakes

api html-css-javascript leafletjs

Last synced: 3 months ago
JSON representation

Example of using Leaflet and Mapbox. This map shows the location, magnitude and depth of earthquakes by customizing the markers.

• Host: GitHub
• URL: https://github.com/ejw-data/leaflet-earthquakes
• Owner: ejw-data
• Created: 2020-01-04T15:33:26.000Z (over 6 years ago)
• Default Branch: master
• Last Pushed: 2022-06-27T17:59:10.000Z (about 4 years ago)
• Last Synced: 2025-03-15T16:44:35.094Z (over 1 year ago)
• Topics: api, html-css-javascript, leafletjs
• Language: JavaScript
• Homepage:
• Size: 688 KB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# leaflet-earthquakes

Author:  Erin James Wills, ejw.data@gmail.com  

![Leaflet Maps](./config/images/earthquake-leaflet.png)  

Photo by Erin Wills  




## Overview



This repo shows how to use leaflet and d3 to map data from a public api.  In this case we are pulling data from the US Geological Survey.




## Github Pages  

https://ejw-data.github.io/leaflet-earthquakes/leaflet-step-1/index.html   

https://ejw-data.github.io/leaflet-earthquakes/leaflet-step-2/index.html     




## Technologies    

*  HTML/CSS/JS

*  Leaflet.js




## Data Source  

https://earthquake.usgs.gov/earthquakes/feed/v1.0/summary/all_week.geojson  




## Setup and Installation  

1. Clone the repo to your local machine

1. Open repo folder in an IDE like VSCode

1. Using a virtual server like the VSCode extention LiveServer

1. Run `basic-2/index.html`  




## Example

![Leaflet Map of Earthquakes](./config/images/map1.JPG)