我想要一张基于 Google map v3 的 map ,其中包含一些自定义折线,并将其中一些线设为点线或虚线。我似乎找不到任何方法可以做到这一点。可能吗?如果可能的话,如何实现?
最佳答案
此功能已添加到折线选项中,称为 Symbols on Polylines
创建虚线如下所示( demo ):
var lineCoordinates = [
new google.maps.LatLng(22.291, 153.027),
new google.maps.LatLng(18.291, 153.027)
];
var lineSymbol = {
path: 'M 0,-1 0,1',
strokeOpacity: 1,
scale: 4
};
var line = new google.maps.Polyline({
path: lineCoordinates,
strokeOpacity: 0,
icons: [{
icon: lineSymbol,
offset: '0',
repeat: '20px'
}],
map: map
});
短划线长度由path
的+/-1控制,间距由repeat
控制。它有点冗长,但非常灵活。
除了破折号之外,新功能还包括圆形、箭头的预定义路径,文档甚至还包括动画演示:)
关于javascript - 使用破折号或点设置 Google map v3 折线样式?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6098947/