I have a Google Marker with a default design.
By default, I can create the pin with letters inside it.
However, I want to change the color of this pin.
So, I attempted to use this icon: https://i.sstatic.net/gFXMR.png
Unfortunately, the letters shifted and the size slightly changed.
I tried using color: "blue"
, but it did not work as expected.
My question is, how can I change only the color of the pin?
var marker =new google.maps.Marker({
position:latlng,
path: google.maps.SymbolPath.CIRCLE,
icon: "http://chart.apis.google.com/chart?chst=d_map_pin_letter&chld=|0099cc|",
//icon: "https://maps.google.com/mapfiles/ms/icons/blue-dot.png",
//icon: "https://mts.googleapis.com/vt/icon/name=icons/spotlight/spotlight-poi.png&scale=1",
map:this.map,
color: "blue" // it doesn't work
label: String(label),
title:"google map"
});