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

Popular posts from this blog

How to provide Authorization & Authentication using Asp.net, C#? -

toolbar - How to add link to user registration inside toobar in admin joomla 3 custom component -

How to use Authorization & Authentication in Asp.net, C#? -