如何使用折线的自定义图标?

时间:2015-02-10 11:15:05

标签: google-maps google-maps-api-3

我无法找到答案的简单问题。

让我们说我的图片(图标)位于本地路径中:' images / icon1.png' 如何将其用作沿折线路径显示的图标?

这是我的折线的一个例子:

icon_setting = {
    path: google.maps.SymbolPath.FORWARD_OPEN_ARROW,
    strokeOpacity: 1,
    scale:1.4,

}; 

green_polyline = new google.maps.Polyline({
    path: path_array,
    icons: [{
        icon: icon_setting,
        offset: '0',
        repeat: '100px'
    }],
    strokeColor: '#00FF00',
    strokeOpacity: 0.3,
    strokeWeight: 4,
});

我试图找到一种方法来提供"路径:"本地图标路径但无法执行此操作。有一种方法可以使用标记的自定义图标,但我无法通过这种方式使用折线。

另外值得一提的是,我对js和map-api都很陌生,所以请记住这一点。

感谢您的帮助,感谢您的每一个答案。

1 个答案:

答案 0 :(得分:1)

您无法将图像添加到折线,它必须是SVG符号。

您可以编写自己的代码,将图像图标放在折线上(标记图标可以是一个选项),但问题中的sytax仅适用于Symbols