javascript - changing the font size of InfoBox labels in google maps with zoom level -

i creating labels on google map, want change size of text respect zoom level. here fiddle have tried. http://jsfiddle.net/zzhy/frnlkrc9/3/

function createlabel(labeltext){          var myoptions = {              content: labeltext             ,boxstyle: {                border: "3px solid black"               ,textalign: "center"               ,fontsize: "18pt"               ,width: "50px"              }             ,disableautopan: true             ,pixeloffset: new google.maps.size(-25, 0)             ,position:  new google.maps.latlng(39.300299, 34.471664)             ,closeboxurl: ""             ,ishidden: false             ,pane: "mappane"             ,enableeventpropagation: true         };          var iblabel = new infobox(myoptions);         iblabel.open(map);     } 

add event listener check zoom_change, update box style. work:

    google.maps.event.addlistener(map,'zoom_changed',function () {           if (map.getzoom() >= 6){                createnewlabel();           }           if (map.getzoom() <= 2) createlabel();            });