javascript - 用破折号或圆点设计 Google Maps v3 折线？

Question

我想使用一些自定义折线制作基于 Google Map v3 的地图，并将其中一些线用虚线或虚线制作。我似乎找不到任何方法来做到这一点。有可能吗，如果有，怎么做？

Answer 1

此功能已添加到折线选项中，称为折线上的符号

创建虚线如下所示（演示）：

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's +/-1 控制，间距由 控制repeat。它有点冗长，但非常灵活。

除了破折号，新功能还包括一个圆圈、箭头的预定义路径，文档甚至包括一个动画演示 :)