Google Maps Checkbox Filtering -
i'm new working google maps api, , wondering how add checkbox filter show markers on map. here have far:
var icons = ['green-dot.png','red-dot.png','blue-dot.png','orange- dot.png','yellow-dot.png']; var map = new google.maps.map(document.getelementbyid('map'),{ zoom: 2, center: new google.maps.latlng(47.025210,2.573184), maptypeid: google.maps.maptypeid.roadmap, maptypecontrol: false, streetviewcontrol: false, pancontrol: false, zoomcontroloptions:{position:google.maps.controlposition.left_bottom}}); var infowindow = new google.maps.infowindow({maxwidth: 160}); var markers = new array(); (var = 0; < locations.length; i++){ var marker = new google.maps.marker({ position: new google.maps.latlng(locations[i][2], locations[i][3]), map: map, title: locations[i][0], icon: 'http://maps.google.com/mapfiles/ms/icons/' + icons[locations[i][4]]}); markers.push(marker); google.maps.event.addlistener(marker, 'mouseover', (function(marker, i){ var contentstring = locations[i][1]; return function(){ infowindow.setcontent(contentstring); infowindow.open(map, marker); google.maps.event.addlistener(marker, 'click', function(){ window.location.href= locations[i][5]; }); } })(marker, i)); } not sure how proceed checkbox filter.
Comments
Post a Comment