I want to have a circular marker that has a size and color that I can change dynamically in javascript. Has anyone done this before, or can point me towards the correct resources?
So far, I've got: (according to this: https://developers.google.com/maps/documentation/javascript/overlays#Icons)
//Map setup
focusLocation = new google.maps.LatLng(51.5, -0.1);
var mapOptions = {
zoom: 12,
mapTypeId: google.maps.MapTypeId.ROADMAP,
center: focusLocation
};
map = new google.maps.Map(document.getElementById('map'),mapOptions);
setMarkers(map);
function setMarkers(map){
marker = new google.maps.Marker({
icon: {
path: google.maps.SymbolPath.CIRCLE,
scale: 10
},
map: map
});
});
But the icons are as normal.