You can use an svg icon and a label in your MarkerOptions similar to this:
let markerHeight = 60;
let svgPath =
`M213.285,0h-0.608C139.114,0,79.268,59.826,79.268,133.361c0,48.202,21.952,111.817,65.246,189.081
c32.098,57.281,64.646,101.152,64.972,101.588c0.906,1.217,2.334,1.934,3.847,1.934c0.043,0,0.087,0,0.13-0.002
c1.561-0.043,3.002-0.842,3.868-2.143c0.321-0.486,32.637-49.287,64.517-108.976c43.03-80.563,64.848-141.624,64.848-181.482
C346.693,59.825,286.846,0,213.285,0z`; // find a pretty svg icon or
construct your own path
let svgHeight = 425.963; // depends on your svg path above
let svgWidth = 425.963; // depends on your svg path above
let markerOptions = {
icon: {
path: svgPath,
fillColor: 'red',
fillOpacity: 0.9,
strokeWeight: 2,
strokeColor: "#fff",
scale: 1 / svgHeight * markerHeight,
anchor: new google.maps.Point(svgWidth / 2, svgHeight),
labelOrigin: new google.maps.Point(svgWidth / 2, svgHeight /
2.8)
},
label: {
text: "A",
fontSize: "12px",
fontWeight: "bold",
color: "#fff"
}
};
Am Dienstag, 5. März 2019 18:47:10 UTC+1 schrieb Nicholas Sadowy:
>
> Is there an "easy" alternative dynamic push pin generator to replace what
> was available via
> http://chart.apis.google.com/chart?chst=d_map+pin_letter&chld=1|00FF00|FFFFFF
> <http://chart.apis.google.com/chart?chst=d_map+pin_letter&chld=1%7C00FF00%7CFFFFFF>
> ?
>
>
>
>
--
You received this message because you are subscribed to the Google Groups
"Google Chart API" group.
To unsubscribe from this group and stop receiving emails from it, send an email
to [email protected].
To post to this group, send email to [email protected].
Visit this group at https://groups.google.com/group/google-chart-api.
For more options, visit https://groups.google.com/d/optout.
