Google maps 谷歌地图标记-自定义颜色的图像
我想用一个100种不同颜色的马克笔。我可以通过复制和绘制100种颜色的标记来实现这一点,但如果可能的话,制作一个透明图像并在运行时绘制它会更容易,或者为每个标记动态构建一个SVG。有哪些选择Google maps 谷歌地图标记-自定义颜色的图像,google-maps,svg,google-maps-markers,Google Maps,Svg,Google Maps Markers,我想用一个100种不同颜色的马克笔。我可以通过复制和绘制100种颜色的标记来实现这一点,但如果可能的话,制作一个透明图像并在运行时绘制它会更容易,或者为每个标记动态构建一个SVG。有哪些选择 var marker = new google.maps.Marker( { position: position, map: map, icon: 'http://example.co
var marker = new google.maps.Marker( {
position: position,
map: map,
icon: 'http://example.com/mymarker.png
});
谢谢这很有效
var SVG_icon = {
path: 'M 0,0, 0,-40, 20,-30 , 0,-20, z',
// set custom fillColor on each iteration
fillColor: fillColour,
fillOpacity: 0.7,
scale: 1,
strokeColor: 'black',
strokeWeight: 2
};
// create marker and put it on map
var marker = new google.maps.Marker({
position: myLocation,
icon: SVG_icon,
map: map
});
SVG生成的标志示例