Question

我们获得4个纬度和4个经度。我们使用Polyline

在点之间拖动线

  var flightPath = new google.maps.Polyline({
      path: flightPlanCoordinates2,
      geodesic: true,
      strokeColor: '#FF0000',
      strokeOpacity: 1.0,
      strokeWeight: 2
  });  
  flightPath.setMap(map);

我们在像这样的点上添加图像

var image ='../images/shopimageformapsyellow.png';
var marker = new google.maps.Marker({
    position:mapCenter,
    map: map,
    icon: image
 });

工作正常但是4点有一个像黄色图像的图像。我们需要Start and Ended point redcolor image并保留黄色图像。请指导我任何一个如何放置第一个点和最后一个点有不同的图像

我们试过这个

var icons1 = {
          start: new google.maps.MarkerImage('../images/startRed.png'),
          end: new google.maps.MarkerImage('../images/startGreen.png')
         };



flightPath = new google.maps.Polyline({
                  icons: [{
                        icon: icons1,
                    }],
                path: flightPlanCoordinates2,
                geodesic: true,
                strokeColor: '#FF0000',
                strokeOpacity: 1.0,
                strokeWeight: 2,
                fillColor: '#FF0000',
                fillOpacity: 0.35
              });  
            flightPath.setMap(map);

但我们没有运气请任何人指导我

Answer 1

我建议你使用Leaflet，这是一个用于移动友好交互式地图的开源Javascript库。

使用它可以为标记提供自定义图像，也可以为标记图像提供替代颜色。

有关详细信息，请参阅以下link。

希望有助于!!

如何在google-map中更改图像的最后一点和第一点

1 个答案: