How to create round marker and write something inside circle in ionic 3 google map?

imrangmworld · August 27, 2018, 4:43pm

IMG_20180827_212040

Please see above image. I want to show custom marker on google map. And also I want to write something dynamically within or on marker. How to do it in ionic 3 google map.

Thanks for your help.

bosh2090 · August 27, 2018, 4:48pm

Can you please check this below url, may be it will helpful for you.

imrangmworld · August 27, 2018, 5:10pm

This is 30% similar. Actually sometime I need to show profile photo within marker and sometime to show text within marker circle.

bosh2090 · August 27, 2018, 5:12pm

Please check this one.

https://humaan.com/blog/custom-html-markers-google-maps/

imrangmworld · August 27, 2018, 5:25pm

Yes, It seems the correct one that I was thinking. I am also exploring the link
http://jsfiddle.net/mfirdaus/DVKEj/

But I need it in ionic 3

wf9a5m75 · March 5, 2019, 7:46pm

Although this is already enough old thread, some people still searching the answer.

If ionic 3 google map indicates @ionic-native/google-maps, @bosh2090’s first answer is the correct.
Because @ionic-native/google-maps does not support OverlayView class.

While if ionic 3 google map indicates Google Maps JavaScript API v3, @bosh2090’s second answer is correct.