How to make your maps look great on Bubble

When working with maps, especially on mobile, we want to provide a great UI. Below are a few quick tips on how you can make your maps stand out:
Use custom markers
Custom markers look so much better. There are many great sites where you can get custom markers - for example, icons8.com (not affiliated).
- Find one you like
- Recolor and use an outline. The outline makes sure the icons look nice if many icons overlap on a map.
- Download (go for something around 40px in size) and add to your Map on Bubble.
- Don’t forget to check the license requirements and attribute if needed.

Building for mobile? Hide the clutter
Google’s default terrain and zoom buttons can make your UI look cluttered. Want to get rid of it? Add an HTML element to your page and add the following CSS code:
<style>
.gmnoprint, .gm-fullscreen-control, .gm-style-cc{
display: none !important;
}
</style>

Use a different map style
Play around with the different map styles available in the element inspector.

See my example implementation here.
That’s it. Keep it simple!
Damian