google地图动态标记如何实现

Question

最近有个项目需要用到google地图，在地图上建许多标记点，每个标记点需要根据数值动态改变颜色，看了下google地图api，marker仅支持图片，不支持cavas画，更不能改变颜色，marker动画也只有BOUNCE和DROP两种，每一帧都改变marker的图片也不现实，大家有什么好方法，帮帮我？？

Answer 1

针对你的100多个点，5、6种颜色，我觉得可以自定义标记，把这些颜色都做出来，反正也不多，然后再通过icon引用一下就可以了，谷歌的默认图标也是从网上加载的嘛，你改成本地速度更快了

var marker = new google.maps.Marker({
position: myLatLng,
map: map,
icon: imageURL
});

我网上只发现红色和绿色的图标
[url]https://maps.gstatic.com/mapfiles/markers/marker.png[/url]
[url]https://maps.gstatic.com/mapfiles/markers/marker_green.png[/url]

如果你想要在图标里面有A、B、C的效果，改markerA.png对应的字母就行了
[url]https://maps.gstatic.com/mapfiles/markers/markerA.png[/url]
[url]https://maps.gstatic.com/mapfiles/markers/marker_greenA.png[/url]