[Google Maps] Custom marker image not working

[Google Maps] Custom marker image not working

Forge Component
Published on 24 Apr (4 days ago) by OutSystems Labs
16 votes
Published on 24 Apr (4 days ago) by OutSystems Labs
I'm trying to add custom image to a map marker in base64 using in Marker Options
icon: {size: new google.maps.Size(220,220),
           scaledSize: new google.maps.Size(32,32),
           origin: new google.maps.Point(0,0),
           url: ""data:image/png;base64," + BinaryToBase64(Picture)  + """,
           anchor: new google.maps.Point(16,16)}
But marker in this case is not displayed at all.

I've tried to put manually JS form google maps api from this example http://jsfiddle.net/J7mf7/1/ and it worked fine. But I would like to use this component for this task as it is more reusable. Will apreciate any help.
Thank you.

Best regards,
I made it very easy by just following Google API examples.
I end up with an AddCoordinateMarkerToMap action with TriggeringEvent ="click" and Handler

"{draggable: false, title: 'Name', icon: 'img/Image.png'}"
The problem was in GenerateMarkerOptionsByPosition action that repleces } with  , and appends coordinates value. And in case of nested options the worng } was replaced. So I've made small change to this action replacing { (that always first one) - see attached image.
Hey, Mykola,

Thank you for sharing! We'll update the component to allow you to pass these parameters without having to modify it.

Best regards,

Carlos Simões