A repo made specifically to implement Marker related stuff using MapBox's API
- Learned how to render map markers dynamically with data.
- Understand how to add img tags and add them as new icons to markers.
- Learned how to change CSS stylings for popup info on markers.
Overall, a productive project which allowed better understanding of MapBox's Markers.
Image of map with dynamically rendered map markers.
![image](https://user-images.githubusercontent.com/52723004/93335214-184cf900-f7f4-11ea-8028-6c5fc0f11da9.png)
Image of map a map markers displaying dynamically rendered pop-up info.
![image](https://user-images.githubusercontent.com/52723004/93335248-23a02480-f7f4-11ea-8cc5-51e5d6584cf7.png)
npm install mapbox-gl --save
Add these lines to the index.html file:
<link href='https://api.mapbox.com/mapbox-gl-js/v1.12.0/mapbox-gl.css' rel='stylesheet' />
Add these lines to the App.js file:
import mapboxgl from 'mapbox-gl';
Choose any example code from the Docs here and adjust to the best fit.
https://docs.mapbox.com/mapbox-gl-js/example/