Mapbox GL JS quick configuration example
Mapbox GL JS is a client-side JavaScript library for building web maps and web applications with Mapbox’s modern mapping technology. You can use Mapbox GL JS to display Mapbox maps in a web browser or client, add user interactivity, and customize the map experience in your application (GL stands for graphic library, JS stands for Javascript)
(Official Documentation Site: https://docs.mapbox.com/mapbox-gl-js/guides/)
Installation
To use Mapbox GL JS in your project, you need to import it using the Mapbox GL JS CDN:
<script src='https://api.mapbox.com/mapbox-gl-js/v2.15.0/mapbox-gl.js'></script>
<link href='https://api.mapbox.com/mapbox-gl-js/v2.15.0/mapbox-gl.css' rel='stylesheet' />Useful Links
- Map: https://docs.mapbox.com/mapbox-gl-js/api/map/
- Marker: https://docs.mapbox.com/mapbox-gl-js/api/markers/
- Popup box: https://docs.mapbox.com/mapbox-gl-js/api/markers/#popup
Usage Example
Baisc Maps: Basic map with light-grey color theme
Map with Control: map with user controll on the left-bottom of the page
Maps with Marker & Popup: which emphasis the important location
