JavaScript - GoogleMap 變更 icon 顏色
參考網址:
https://stackoverflow.com/questions/7095574/google-maps-api-3-custom-marker-color-for-default-dot-marker
為了在一堆的標的物中,找到我目前點選的標的物,我必須要使用不同的顏色,
但因為無法自己做設計,換顏色,
所以找看有無解,就找到這個功能
http://chart.apis.google.com/chart?chst=d_map_pin_letter&chld=%E2%80%A2|FE7569
可以置換自己想要的顏色,
我將目前標的物設為醒目的顏色綠色。
只要改成
http://chart.apis.google.com/chart?chst=d_map_pin_letter&chld=%E2%80%A2|00FF00
就可以了
動態置換的方式及靜態使用的方式
var pinImageAcitve = new google.maps.MarkerImage("http://chart.apis.google.com/chart?chst=d_map_pin_letter&chld=%E2%80%A2|00FF00");
marker.setIcon(pinImageAcitve);
var marker = new google.maps.Marker({
position: lnglat,
map: map,
title: value.name,
icon: "http://chart.apis.google.com/chart?chst=d_map_pin_letter&chld=%E2%80%A2|FE7569"
});