Question

我正在尝试创建一个将地图上的路线显示为折线的应用程序。在路线/折线上，我希望能够直观地显示该路线的繁忙程度。我的想法是使用带蓝色的颜色表示它不忙，红色表示路线上有一个忙碌的部分。这样，地图最终会显示一条蓝色和红色以及中间所有颜色的路线。在谷歌地图api上，我找到了设置折线颜色PolylineOptions.color(int color)的方法。但我认为没有选择在生产线的不同部分提供不同的颜色。

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

参考Google地图文档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
  });
}

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

1 个答案: