Google地圖標記圖標與不同地方的更改

我有兩個地點。我想更改具有外部圖像的位置的標記圖標。但在目前的代碼中，兩個地方都採用相同的圖像。請幫忙嗎？Google地圖標記圖標與不同地方的更改

var markers = [ 
    ['Sydney', lat,long], 
    ['New York', lat,long], 


    function initializeMaps() { 
    var myOptions = { 
    zoom: 3, 
    center: new google.maps.LatLng(lat, long), 
    mapTypeId: google.maps.MapTypeId.ROADMAP, 
    mapTypeControl: false 
}; 
var image = 'img/logos.png'; 
var map = new google.maps.Map(document.getElementById("map_canvas"),myOptions); 
var infowindow = new google.maps.InfoWindow(), marker, i; 
for (i = 0; i < markers.length; i++) { 


    marker = new google.maps.Marker({ 
     position: new google.maps.LatLng(markers[i][1], markers[i][2]), 
     map: map, 
    icon: image 
    }); 
    google.maps.event.addListener(marker, 'click', (function(marker, i) { 
     return function() { 
      infowindow.setContent(markers[i][0]); 
      infowindow.open(map, marker); 
     } 
    })(marker, i)); 
}

}

來源

2013-07-17 usercode

可能重複[彩色谷歌的地圖不同顏色的第一標記（http://stackoverflow.com/questions/16900210/colour-the-first-marker谷歌地圖不同顏色） – geocodezip

對不起，我沒有看到它。但謝謝你指出。 – usercode

您已定義僅1個圖像，

圖像添加用於每個LOC到陣列，然後用標記訪問它[I] [3]如果你把它在結束。

這應該工作：

var markers = [ 
    ['Sydney', lat,long, 'url-to-image'], 
    ['New York', lat,long, 'url-to-image'], 


    function initializeMaps() { 
    var myOptions = { 
    zoom: 3, 
    center: new google.maps.LatLng(lat, long), 
    mapTypeId: google.maps.MapTypeId.ROADMAP, 
    mapTypeControl: false 
}; 
//var image = 'img/logos.png'; 
var map = new google.maps.Map(document.getElementById("map_canvas"),myOptions); 
var infowindow = new google.maps.InfoWindow(), marker, i; 
for (i = 0; i < markers.length; i++) { 


    marker = new google.maps.Marker({ 
     position: new google.maps.LatLng(markers[i][1], markers[i][2]), 
     map: map, 
    icon: markers[i][3] 
    }); 
    google.maps.event.addListener(marker, 'click', (function(marker, i) { 
     return function() { 
      infowindow.setContent(markers[i][0]); 
      infowindow.open(map, marker); 
     } 
    })(marker, i)); 
} 
}

的

來源

2013-07-17 18:38:22 devbnz

你太棒了;） – usercode

Google地圖標記圖標與不同地方的更改

回答

相關問題