22
我想用一些自定义多段线来制作一个基于Google Map v3的地图,并将其中的一些点线或虚线。我似乎无法找到任何这样做的方式。这有可能,如果是的话,如何?使用虚线或点设计Google Maps v3多段线样式?
我想用一些自定义多段线来制作一个基于Google Map v3的地图,并将其中的一些点线或虚线。我似乎无法找到任何这样做的方式。这有可能,如果是的话,如何?使用虚线或点设计Google Maps v3多段线样式?
这个功能已经被添加到折线选项,这就是所谓的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
控制。这有点冗长,但非常灵活。
此外破折号,新功能包括一个圆圈,箭头预定义的路径和文件,甚至包括动画演示:)
绘制上面的代码时,多边形工作。但是一旦我完成了多边形的绘制,虚线符号就消失了。 – Popara 2014-03-27 15:42:52
能否请您接受对方的回答是解决方案,因为它是正确的? – kaiser 2013-11-17 14:30:07