javascript - Show/hide markers based on form's selections doesn't do anything -

-

i'm trying show/hide( or put - filter ) markers( of houses , condos ) on google map, based on types of features user selected #features select box.

e.g. if user selectes 'swimming pool' feature , clicks submit button - show markers( houses/condos ) have feature, , hide ones don't have swimming pool.

unfortunately, nothing happens/changes on map when run code.

json of houses , condos( stored inside markers variable ):

({ condos:     [         {address:'123 fake st.', lat:'56.645654', lng:'23.534546', features:['swimming pool','bbq','..etc..']},         {... condo features ...},         {... condo features ...},         ...     ], houses:     [         {address:'1 main ave.', lat:'34.765766', lng:'27.8786674', features:['...','...']},         {... house features ...},         {... house features ...},         ...     ] })

js/jquery code:

$('#filterform').on('submit', function(e) {     e.preventdefault(); // prevent page reloading when form submitted      $('#map').gmap('set', 'bounds', null); // reset map's bounds     $('#map').gmap('closeinfowindow'); // close opened infowindows      // store selected features 'features' select box features variable array     var features = $("#features").val();      // each element of type house/inside houses array     $(markers.houses).each(function(index, elem){         //if house has 1 of selected features 'features' select box - show on map, otherwise hide         if(jquery.inarray(features, elem.features) !== -1 || jquery.inarray(features, elem.features) > -1){             this.setvisible(true);         }else{             this.setvisible(false);         }     });      // ... repeat same condos type elements ... });

update:

js/jquery code creating/putting markers on map:

$('#map').gmap(mapoptions).bind('init', function(){                  $(markers.houses).each(function(index, elem){         $('#map').gmap('addmarker', {             'position': new google.maps.latlng(parsefloat(elem.lat), parsefloat(elem.lng)),             'bounds': true,             'icon': 'house.png'         });     });     $(markers.condos).each(function(index, elem){         $('#map').gmap('addmarker', {             'position': new google.maps.latlng(parsefloat(elem.lat), parsefloat(elem.lng)),             'bounds': true,             'icon': 'condo.png'         });      }); }); 

$(markers.houses).each(function(index, elem){     //if house has 1 of selected features 'features' select box - show on map, otherwise hide     if(jquery.inarray(features, elem.features) !== -1 || jquery.inarray(features, elem.features) > -1){         this.setvisible(true);     }else{         this.setvisible(false);     } });

in context, 'this' not marker element, it's markers.houses array element, same elem -> this === elem.

update: add markers these lines:

$('#map').gmap(mapoptions).bind('init', function(){          markers.housesmarkers = [];     //adding new property holds markers         $(markers.houses).each(function(index, elem){             var position =  new google.maps.latlng(parsefloat(elem.lat), parsefloat(elem.lng));             var m = new google.maps.marker({ position:position ,                                             icon: 'house.png' })             //adding markers array             markers.housesmarkers.push( m );             m.setmap( $('#map').gmap('get','map') );              $('#map').gmap('addbounds',m.getposition());  ///'bound:true' option     });     markers.condosmarkers = [];      //adding new property holds markers     $(markers.condos).each(function(index, elem){             var position =  new google.maps.latlng(parsefloat(elem.lat), parsefloat(elem.lng));             var m = new google.maps.marker({ position:position ,                                             icon: 'condo.png' })             //adding markers array             markers.condosmarkers.push( m );             m.setmap( $('#map').gmap('get','map') );              $('#map').gmap('addbounds',m.getposition());  ///'bound:true' option     }); });

then 'filter' (visible/invisible) markers code:

$(markers.houses).each(function(index, elem){     //if house has 1 of selected features 'features' select box - show on map, otherwise hide     if(jquery.inarray(features, elem.features) !== -1 || jquery.inarray(features, elem.features) > -1){         markers.housesmarkers[index].setvisible(true);   //for condos -> 'marker.condosmarkers'     }else{         markers.housesmarkers[index].setvisible(false);  //for condos -> 'marker.condosmarkers'     } });

Comments

Post a Comment

Popular posts from this blog

django - How can I change user group without delete record -

-
on website user have 1 group. , user can change group. it's made user.groups.clear() and user.groups.add(new_group) but it's not efficient, because there 2 sql query: delete, insert. how can change group update query? user , group related each other using manytomanyfield . means intersection table exists relating both entities, , if don't specify model map (using through attribute) django creates 1 you. looking @ sources django.contrib.auth.models see that's case. fortunatly, can access intermediary model using through attribute of manager (in case, user.groups.through ). can use regular model. example: >>> alice = user.objects.create_user('alice', 'alice@example.com', 'alicepw') >>> employee = group.objects.create(name='employee') >>> manager = group.objects.create(name='manager') >>> alice.groups.add(employee) >>> alice.groups.all() [<group: employee...
Read more

java - Need to add SOAP security token -

-
i need set custom soap header attribute on jax-ws generated webservice client. case webservice calls must go through proxy server requiring specific token (recieved web request header) present in soap request header. e.g.: 1 carserviceservice service = null; 2 service = new carserviceservice(new url(url), new qname(qname); 3 carserviceendpoint port = service.getcarserviceport(); it seems in line 3 wsdl retrieved , call fails due missing security token. 1 point direction on how done? a detailed example has been mentioned here: creating , deploying jax-ws web service on tomcat 6 this article shows how create , use security token .
Read more

java - EclipseLink JPA Object is not a known entity type -

-
i have strange problem eclipselink , object want persist. have 1 object (keypointlistimpl) stores object keypointimpl in list. persisting keypointimpl objects works great if try persist keypointlistimpl object java.lang.illegalargumentexception says object keypointimpl isn't known entity type. here keypointimpl code: @entity @table(name="keypoints") public class keypointimpl implements keypoint { @id @generatedvalue(strategy = generationtype.identity) private int id; @enumerated(enumtype.string) private detectortype keypointtype; private float x; private float y; private float size; private float angle; private float response; private int octave; private int classid; ... } here keypointlistimpl code: @entity @table(name="keypointlists") public class keypointlistimpl implements keypointlist { @id @generatedvalue(strategy = generationtype.identity) private int id; @onetoone(cascade={ca...
Read more