JavaScript - GoogleMap 變更 icon 顏色

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" 
                });