javascript - google map does not reload when I click on button -


i using google map follow :

$('#map_canvas').gmap({ 'zoom': 3, 'disabledefaultui': true }).bind('init', function (evt, map) {            var bounds = map.getbounds();           var southwest = bounds.getsouthwest();          var northeast = bounds.getnortheast();          var lngspan = northeast.lng() - southwest.lng();          var latspan = northeast.lat() - southwest.lat();          (var = 0; < 1000; i++) {               var contentstring = 'load';              $(this).gmap('addmarker',         { 'position': new google.maps.latlng(            southwest.lat() + latspan * math.random(),            southwest.lng() + lngspan * math.random()),             'content': contentstring         }       ).click(function (i) {           $('#map_canvas').gmap('openinfowindow', {               content: this.content           }, this);       });          }          $(this).gmap('set', 'markerclusterer', new markerclusterer(map, $(this).gmap('get', 'markers')));      });  }).load(); 

at loading time when example call function maptest() below again example clicking on button map not change @ unbind map , bind again no effect:

function maptest(){    demo.add(function () {      $('#map_canvas').unbind("init");      $('#map_canvas').gmap({ 'zoom': 3, 'disabledefaultui': true }).bind('init', function (evt, map) {            var bounds = map.getbounds();           var southwest = bounds.getsouthwest();          var northeast = bounds.getnortheast();          var lngspan = northeast.lng() - southwest.lng();          var latspan = northeast.lat() - southwest.lat();          (var = 0; < 1000; i++) {               var contentstring = 'test';              $(this).gmap('addmarker',         { 'position': new google.maps.latlng(            southwest.lat() + latspan * math.random(),            southwest.lng() + lngspan * math.random()),             'content': contentstring         }       ).click(function (i) {           $('#map_canvas').gmap('openinfowindow', {               content: this.content           }, this);       });          }          $(this).gmap('set', 'markerclusterer', new markerclusterer(map, $(this).gmap('get', 'markers')));      });  }).load(); 

}

update : when use $('#map_canvas').gmap('destroy').gmap... instead map reloads alarm box sais: unable load due either poor internet connection or cdn not responsive them....

please confused? wrong code?

it may work in way:

 $('#map_canvas').gmap('destroy');  $('#map_canvas').gmap({ 'zoom': 3, 'disabledefaultui': true }).bind('init', function (evt, map) { 

Comments

Popular posts from this blog

android - Get AccessToken using signpost OAuth without opening a browser (Two legged Oauth) -

org.mockito.exceptions.misusing.InvalidUseOfMatchersException: mockito -

google shop client API returns 400 bad request error while adding an item -