How to change angular 2 google map marker label color?
See original GitHub issueIssue description hello I am using Angular2 Google Maps and i want change my maker label color
code :
<agm-map [zoom]="7" [latitude]="lat" [longitude]="lng" [styles]='[
{
elementType : "labels.text",
stylers : [{
color:"#ffffff"
}]
}]'> <agm-marker>....</agm-marke>
but its set google default label color
please help me …
Issue Analytics
- State:
- Created 6 years ago
- Comments:12
Top Results From Across the Web
How to change angular 2 google map marker label color?
hello I am using Angular2 Google Maps and i want change my maker label color. code : <agm-map [zoom]="7" [latitude]="lat" [longitude]="lng" ...
Read more >How to change angular 2 google map marker label color?
You can modify the colour of the marker but passing in properties into the marker itself. <agm-marker [label]="labelOptions". TS: labelOptions = ...
Read more >How to change the color of Google Maps markers with ...
To add a blue color marker, we need to change the icon of the marker. This is done by adding an icon property...
Read more >Google map with labelled markers - Cheppers
We can define a custom label to each marker by the label property of the Marker object. If the Marker has label attributes,...
Read more >Style Reference for Maps JavaScript API - Google Developers
The following JSON style declaration turns all map features to gray, then colors arterial road geometry in blue, and hides landscape labels completely:....
Read more >Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start FreeTop Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Top GitHub Comments
You can modify the colour of the marker but passing in properties into the marker itself.
<agm-marker [label]=“labelOptions” </agm-marker>
TS:
labelOptions = { color: ‘#CC0000’, fontFamily: ‘’, fontSize: ‘14px’, fontWeight: ‘bold’, text: ‘Some Text’, }
@MattPua - It would be great if you can share how to change the label background color? Like this.