Çoklu harita çizgilerinin rengini değiştirme google map v3 üzerinde

Question

Her biri kendi rengine sahip birden fazla çoklu çizgi oluşturmalıyım ve işaretçileri birbirine bağlı, google map v3 kullanıyorum. Örneğin, beş tane işaretçim var ve hepsi birbirleriyle kırmızı renkli çokgenler aracılığıyla bağlanmışlardır. Şimdi bu kırmızı renk poligonunu birden fazla renk şemasında, ilk önce yeşil, ikinci olarak Mavi, üçüncü olarak Siyah ve benzerlerini göstermek istiyorum.

İşte

<script type='text/javascript'> 
var poly; 
var map; 
var path; 
var i = parseInt(0, 10); 
var marker;   

function initialize() { 
    var chicago = new google.maps.LatLng(41.879535, -87.624333); 
    var myOptions = { 
    zoom: 7, 
    center: chicago, 
    mapTypeId: google.maps.MapTypeId.ROADMAP 
    }; 
    map = new google.maps.Map(document.getElementById('map_canvas'), myOptions); 
    var polyOptions = { 
    strokeColor: '#000000', 
    strokeOpacity: 1.0, 
    strokeWeight: 3 
    } 
    poly = new google.maps.Polyline(polyOptions); 
    poly.setMap(map); 
    // Add a listener for the click event 
    google.maps.event.addListener(map, 'click', addLatLng); 
} 

/** 
* Handles click events on a map, and adds a new point to the Polyline. 
* @param {MouseEvent} mouseEvent 
*/ 
function addLatLng(event) { 
    i++; 
    //var path = poly.getPath(); 
    path = poly.getPath(); 
    var polyOptions2 = { 
    strokeColor: '#FFFFFF', 
    strokeOpacity: 1.0, 
    strokeWeight: 3 
    } 
    if (i == 2) { 
    poly.setOptions(polyOptions2); 

    } 
    else { 
    polyOptions2.strokeColor = "#FF0000"; 
    poly.setOptions(polyOptions2); 
    } 
    path.push(event.latLng); 
    // Add a new marker at the new plotted point on the polyline. 
    marker = new google.maps.Marker({ 
    position: event.latLng, 
    title: '#' + path.getLength(), 
    map: map 
    }); 
} 
</script> 

Answer 1

işaretleri ve çoklu çizgi oluşturarak içlerinden bir json dizisi ve döngüye çoklu çizgiler için işaretleyici seçeneklerini ve renk Yük benim kodudur.

Bu, gitmenizi sağlar.

Answer 2

seti

 var colorVariable = ["red","green","blue","yellow","black"]; 

     for(var a =0;a<=5;a++){ 
       var polyOptions = { 
       strokeColor: colorVariable[a], 
       strokeOpacity: 1.0, 
       strokeWeight: 2 
       } 
       poly = new google.maps.Polyline(polyOptions); 
       poly.setMap(map); 
     } 

gibi döngü içinde bu kod kısmı düzgün çalışmaz