Baylex / Mapping_Earthquakes

Mapping Earthquakes with JS & APIs

Repository from Github https://github.comBaylex/Mapping_EarthquakesRepository from Github https://github.comBaylex/Mapping_Earthquakes

Mapping_Earthquakes

Mapping Earthquakes with JS & APIs

Main Objectives:

  1. Create a branch from the main branch on GitHub.
  2. Add, commit, and push data to a GitHub branch.
  3. Merge a branch with the main branch on GitHub.
  4. Retrieve data from a GeoJSON file.
  5. Make API requests to a server to host geographical maps.
  6. Populate geographical maps with GeoJSON data using JavaScript and the Data-Driven Documents (D3) library.
  7. Add multiple map layers to geographical maps using Leaflet control plugins to add user interface controls.
  8. Use JavaScript ES6 functions to add GeoJSON data, features, and interactivity to maps.
  9. Render maps on a local server.

Results:

Creating the overlays and controls:

Pic 1

Creating the map key based on Magnitude:

Pic 2

A light map layer with all earthquake toggles:

Pic 3

A dark map layer with major earthquakes only:

Pic 4

Satellite streets layer with tectonic plates only:

Pic 5

Streets layer with earthquakes only:

Pic 6

About

Mapping Earthquakes with JS & APIs


Languages

Language:JavaScript 88.8%Language:HTML 10.1%Language:CSS 1.1%