Custom markers - Google App maker

Question

I am trying to display a custom marker on the map in App maker but unfortunately, I am unable to do so,

previously I was able to achieve this simply by

var marker = new google.maps.Marker({

position:{lat:, lng:},
map:map,
icon: url

});

please assist

Answer 1

If you use a Google Map widget, you can set those properties like so:

var map = app.pages.GmapCanvase.descendants.MapDiv;
map.mapType = 'roadmap';
map.zoom = 16;
map.latitude = -33.91722;
map.longitude = 151.23064;
var marker = map.getAddressMarkerJs();
marker.setIcon(url);