Как изменить только цвет булавки - PullRequest
0 голосов
/ 26 марта 2020

У меня есть Google Marker. По умолчанию enter image description here

Я могу сделать пин-код с буквами

Затем я хочу изменить цвет этого пин-кода.

Так , Я пытаюсь с этим значком enter image description here http://chart.apis.google.com/chart?chst=d_map_pin_letter&chld= | 0099cc |

Буквы смещены, а размер слегка изменен ....

Я использую color : "blue" вместо этого, но напрасно.

Как я могу изменить только цвет булавки ???

    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 dosen't work
        label: String(label),
        title:"google map"
    });

Ответы [ 2 ]

0 голосов
/ 28 марта 2020

Проблема решена.

Я использую

icon: http://www.googlemapsmarkers.com/v1/S/ff5c5a/;

Я могу изменить цвет и текст, как

icon: http://www.googlemapsmarkers.com/v1/S/ff5c5a/; показать цвет ff5c5a и метку S

icon: http://www.googlemapsmarkers.com/v1/A/bb335a/; показать цвет bb335a и метку A

0 голосов
/ 26 марта 2020

используйте это:

icon: { url: "http://chart.apis.google.com/chart?chst=d_map_pin_letter&chld=|0099cc|",
        size: new google.maps.Size(20, 32) // resize as you like
      }
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...