javascript - Change marker's labelClass on mouseover using jQuery on Google Maps -


i've added markerwithlabel.js file , can show markers labels on google map code:

markerarray[i] = new markerwithlabel({  position: mylatlng,  map: map,  icon: image,                  labelanchor: new google.maps.point(25, 30),                  labelclass: "marker_labels", // css class label                  labelstyle: {opacity: 0.75},                  labelcontent: format_num(property[6]),  } ); 

i want change class of label highlight when mouseover element on page corresponds marker/label. i've tried jquery can't working:

$(".sidelisting").hover(              function () {                  $(markerarray[this.id].labelclass).addclass("hovered");              },              function () {                  $(markerarray[this.id].labelclass).removeclass("hovered");              }      ); 

the above code doesn't show javascript errors in console nothing happens on mouseover, changing labelclass label doesn't work either, ideas?

first using this.id in hover function. work elements class sidelisting have have ids match indexes of markerarray.

secondly: if markerarray[this.id].labelclass isn't undefined, "marker_labels" , not domnode. makes $(markerarray[this.id].labelclass) create either empty jquery object or jquery object refers element id "marker_labels". have call set on marker change property:

$(".sidelisting").hover(          function () {              markerarray[this.id].set("labelclass", "marker_labels hovered")          },          function () {              markerarray[this.id].set("labelclass", "marker_labels")          }  ); 

Comments

Popular posts from this blog

php - Dynamic url re-writing using htaccess -

python - How to create a legend for 3D bar in matplotlib? -

java - Multi-Label Document Classification -