# Map marker customization

**URL:** <https://forum.bubble.io/t/map-marker-customization/136075>\
**Category:** APIs\
**Created:** [February 14, 2021, 3:01am UTC](https://forum.bubble.io/t/map-marker-customization/136075 "2021-02-14T03:01:59Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![fadil\_aimane](https://avatars.discourse-cdn.com/v4/letter/f/f6c823/32.png) [@fadil\_aimane](https://forum.bubble.io/u/fadil_aimane)\
**Post date:** [February 14, 2021, 3:01am UTC](https://forum.bubble.io/t/map-marker-customization/136075/1 "2021-02-14T03:01:59Z")

</div>

Hi anyone can help me to customize the google map markers. Workflow or a api connector logic  
I used zero code plugin but doesn’t work.

---

<div class="post-metadata">

**Author:** ![NigelG](https://avatars.discourse-cdn.com/v4/letter/n/ea5d25/32.png) [@NigelG](https://forum.bubble.io/u/NigelG)\
**Post date:** [February 14, 2021, 11:27am UTC](https://forum.bubble.io/t/map-marker-customization/136075/2 "2021-02-14T11:27:16Z")

</div>

What do you want to do ? Make the markers your own design using an SVG ?

---

<div class="post-metadata">

**Author:** ![fadil\_aimane](https://avatars.discourse-cdn.com/v4/letter/f/f6c823/32.png) [@fadil\_aimane](https://forum.bubble.io/u/fadil_aimane)\
**Post date:** [February 15, 2021, 1:17am UTC](https://forum.bubble.io/t/map-marker-customization/136075/3 "2021-02-15T01:17:04Z")

</div>

my map must display the location of the database each location is linked to a type such as transport or sport location …  
I want that according to these types the markers change its icon

---

<div class="post-metadata">

**Author:** ![alang.zul](https://avatars.discourse-cdn.com/v4/letter/a/f19dbf/32.png) [@alang.zul](https://forum.bubble.io/u/alang.zul)\
**Post date:** [May 31, 2022, 1:13am UTC](https://forum.bubble.io/t/map-marker-customization/136075/4 "2022-05-31T01:13:59Z")

</div>

yup looking for the same solution. Using custom map marker i guess. Paid ones I think available in the plugin directory

---

<div class="post-metadata">

**Author:** ![joemanier](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/joemanier/32/188803_2.png) [@joemanier](https://forum.bubble.io/u/joemanier)\
**Post date:** [May 31, 2022, 5:02am UTC](https://forum.bubble.io/t/map-marker-customization/136075/5 "2022-05-31T05:02:38Z")

</div>

Check out this video tutorial it may be what you’re looking for [Setup Google Maps in Bubble - Tutorial - YouTube](https://www.youtube.com/watch?v=dNoM7D6ymsk&t=544s).

If you’re looking for a setup that is like having restaurants as blue pins, gas stations as red pins and banks as blue pins all on the same map, this is not possible with the out-of-the-box functionality and I’m unfamiliar with paid plugin options at the moment.

But one possible solution is a dropdown that shows or hides map element based on someone’s filtering criteria and if the dropdown filters for banks, then show the map element with blues, etc.

Hope that helps.