MAPBOX Graphics for JS
The Graphics Library for JavaScript by Mapbox was explored in the creation of a full-screen, global web map that provides users with a level of immersion through interaction. Mapbox Studio was used to style an OpenStreetMap basemap, and connecting the script into Visual Studio Code allowed for further customization with HTML, CSS, & JS. This map documents the locations of all 3-Star Michelin Restaurants across the world currently.
Key Skills
- Explored the connection between web APIs and IDE programs such as Visual Studio Code, merging both environments to create a web map that prioritizes customization and interoperability.
- Overhauled typical basemap style through a variety of customizations in Mapbox Studio, resulting in a web map that enhances the purposes of basemaps and expresses details unique to the chosen thematic narrative.
- Authored map interactiveness with the use of imported Mapbox Graphics Library JavaScript modules such as language and navigation controls, key maps, pop-ups, and hyperlinks.
Software
- Mapbox
- Visual Studio Code
- Microsoft Excel
Click the icon in the bottom right to view in full-screen.