Google地图标记的动态图像

我有一张地图，我在其上显示公共交通站点。我想根据各种参数对这些停止点进行颜色编码。我也想用我自己的图标。我已经想出了如何在javascript中使用png图像并更改其颜色，但我不确定如何让Google Map将其用作标记图像。Google地图标记的动态图像

我已经看过Styled Marker library但据我所知，你不能用它自己的图像 - 从一个（不可忽视的）看它的来源，我不认为我可以改变它使用我的图像，因为它似乎使用具有一组默认标记的URL参数来实现颜色更改。

有什么建议吗？

来源

2013-10-22 Catherine

如何在浏览器中显示图像？如果有URL，那么你可以使用普通标记。你还可以加载其作为[base64编码数据URL]（http://stackoverflow.com/questions/1095102/how-do-i-load-binary-image-data-using-javascript-and-xmlhttprequest） – geocodezip

我使用这种技术来获取图像：http://stackoverflow.com/questions/9303757/how-to-change-color-of-an-image-using-jquery – Catherine

你想是这样的：

marker = new google.maps.Marker({ 
    draggable: false, 
    raiseOnDrag: false, 
    icon: { 
     size: new google.maps.Size(32, 42), 
     origin: new google.maps.Point(0, 0), 
     anchor: new google.maps.Point(15, 42), 
     url: // path to png 
    }, 
    animation: google.maps.Animation.DROP, 
    position: new google.maps.LatLng(lat, lng), 
    map: map 
    });

Here's the full documentation。

来源

2013-10-22 23:33:35 Andy

不幸的是我没有给png-路径 - 我想动态改变图标的颜色。 – Catherine

Google地图标记的动态图像

回答

相关问题