Skip to content

Latest commit

 

History

History
44 lines (31 loc) · 3.16 KB

README.md

File metadata and controls

44 lines (31 loc) · 3.16 KB

Mapping Earthquakes with Leaflet and Mapbox

Project Overview

The purpose of this project is to create visualizations of earthquake data from the U.S. Geological Survey using Leaflet.js and Mapbox API. These earthquakes are visually represented by circles and colors, where a higher magnitude will have a larger diameter and will be darker in color. Popup markers and multiple map styles are also included in the map to improve the user experience.

Software and APIs

How To Run and Use This Map

completed_project

  1. Download the static folder and index.html file found in the main branch of this repository.

  2. After obtaining an API key from Mapbox, create a file called "config.js" and place it inside of the js folder, which is found inside of the static folder. Use the template below for your config.js file. DO NOT UPLOAD OR SHARE YOUR API KEY WITH ANYONE.

// API key
const API_KEY = 'paste-your-mapbox-api-key-here';
  1. Open a new terminal at the Earthquake_Challenge folder and run the following command to start a live server:
python -m http.server
  1. The command above will usually return port 8000, if it's a different port that will not be a problem. Copy the address that is returned by the terminal ( Example: http://[::]:8000/ ) and paste this into your browser. The map should now be visible.

Layer Controls and Legend

This map allows users to change layers by using the layer control panel found in the top right of the map. In the example below, the user has selected the "Dark Mode" map style and has enabled all earthquake data layers. Selecting a different map style will quickly reload the map with updated styling. Additionally, a Map Legend is visible in the bottom right section of the map to explain the meaning of the circle colors found on the map.

layer_controls

Popup Markers

Clicking on an earthquake on the map will generate a popup marker that describes the magnitude and the location of the earthquake. All data appearing in these popups are from the U.S. Geological Survey, specifically the organization that tracks Earthquake Hazard data. The data is stored in GeoJSON format. If you would like to see an example of the data, please click here.

Author: Michael Mishkanian
For all questions and inquiries, please contact me on LinkedIn.