javascript - Change of Google map marker icon with different places -
i have 2 locations.i want change marker icon both location external image. in current code both places takes same image. please?
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; (i = 0; < 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)); }
}
you have defined 1 image,
add each loc image array , access using markers[i][3] if put @ end.
this should work:
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; (i = 0; < 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)); } }
Comments
Post a Comment