在单个 gmaps 折线中使用多种颜色

Question

我正在尝试创建一个应用程序，将地图上的路线显示为折线。在路线/折线上，我想直观地显示当时路线的繁忙程度。我的想法是使用蓝色表示它不忙，红色表示该路线的繁忙部分。 这样，地图最终应该以一条路线显示为蓝色和红色，以及介于两者之间的所有颜色。 在google maps api上，我找到了设置折线颜色PolylineOptions.color(int color)的方法。但我看不到在线路的不同部分提供不同颜色的选项。

有没有办法在 google maps android api 的单个折线上使用多种颜色？

参考谷歌地图文档https://developer.android.com/reference/com/google/android/gms/maps/model/PolylineOptions.html

Answer 1

你可以制作一组颜色

var Colors = [
    "#FF0000", 
    "#00FF00", 
];

现在，不再绘制一条折线，而是为每个坐标绘制一条单独的折线。

for (var i = 0; i < DrivePath.length-1; i++) {
  var PathStyle = new google.maps.Polyline({
    path: [DrivePath[i], DrivePath[i+1]],
    strokeColor: Colors[i],
    strokeOpacity: 1.0,
    strokeWeight: 2,
    map: map
  });
}