> For the complete documentation index, see [llms.txt](https://cranford-tech.gitbook.io/beautiful-maps-mapbox/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://cranford-tech.gitbook.io/beautiful-maps-mapbox/introduction/key-features.md).

# Key features

### **Load a custom map in your Bubble app**

* Use a predefined style or design your own in Mapbox Studio
* Set the starting coordinates of the map
* Set the initial zoom level and min/max zoom levels
* Add 'controls' to the map (geolocation, directions, navigation)

### **Load markers on a map**

* Load markers at specific locations on you map
* Use custom images for each marker icon or use the default style
* Show a popup when a marker is clicked on with location-specific info
* Change a marker icon when its hovered by the user
* Trigger an action when a marker is clicked
* Fly to a certain location 

### **Geolocation**

* Show the current user's location on a map
* Track the user as they move

### **Drawing Mode**

* Users can draw shapes on the map (polygons, lines points)
* Save down the drawings (GeoJSON) and load them at a later stage

### **Google-map style route navigation**

* Add directions to your map
* Users can choose a start and end point and get turn-by-turn directions
* Choose from traffic, driving, walking or cycling directions