Mapbox is an open source platform that allows users to create, customise and embed maps on websites and visualisations. Their developing tools such as APIs and libraries offer a great interactivity for experienced and beginners developers.
Here I explain how to build and share the above map in 6 steps:
1. Login in on Mapbox Studio Classic
2. Create a new project
3. Go to Data -> Draw or import data
Files can be imported as Geojson, CSV, KML or GPX.
4. Choose map features such as the title, description or style.
Once the data has been imported correctly, it will be displayed on the map and stored in the data section. This information can still be modified introducing new descriptions or removing features:
5. Save the map
6. Export the data or use the Map ID
Data can be downloaded as KML or GeoJSON and placed in the HTML code. However, the Map ID makes maps with large databases and a basic level of interactivity easier to customise.
The ID goes between the <script> tags, as the below picture shows:
Do you have more examples? Let me know in the comments or on Twitter at @mcrosasb