I'm using angular-google-maps and I tried below samples.
Icons and color working fine but label is not working.
On Thursday, 21 March 2019 17:06:04 UTC+5:30, Alex Kolesnik wrote:
>
> 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 google-chart-api+unsubscr...@googlegroups.com.
To post to this group, send email to google-chart-api@googlegroups.com.
Visit this group at https://groups.google.com/group/google-chart-api.
For more options, visit https://groups.google.com/d/optout.
