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
Post a Comment