как цвет chaged изображение последняя точка и первая точка в Google-карте

Question

Мы получаем 4 широты и 4 longitude.We сопротивления линии между точками с помощью 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

Я бы порекомендовал вам использовать листовка, который является открытым исходным кодом библиотека Javascript для мобильных дружественных интерактивных карт.

С этим вы можете создать собственное изображение для маркеров, а также альтернативные цвета для изображений маркеров.

Для получения более подробной информации, пожалуйста, обратитесь к следующим link.

Надеюсь, что поможет!