2014-10-28 81 views
1

放大谷歌地圖我試圖縮小在click事件的google map ..但我會顯示一個灰色的框上點擊

我能做些什麼?

進入這裏

$(".zoomappa").click(function() { 
      $('.zoomappa').hide();  
      $('.bt-googlemaps').animate({width:'710px'}, 500); 
      $('.bt-googlemaps').animate({height:'640px'}, 500); 
      $(window).trigger('resize'); 
      $('.nozoomappa').show(); 

    }); 
+0

通過縮放你的意思是讓屏幕上的div更大嗎? – Kaiido 2014-10-28 08:33:38

回答

0

代碼,你應該調用地圖更改div的尺寸後resize事件。

google.maps.event.trigger(map, 'resize'); 

由於地圖變量(default.js,線208)被設置爲私有,你不能只是加入這一行的點擊功能,所以你必須要繼續這樣一個自己周圍。

+0

謝謝你的建議。 關於第208行 var map = new google.maps.Map(document.getElementById(configs.cavas_id),mapOptions); 我要做什麼? 謝謝 – user3718303 2014-11-02 09:50:17

+0

(壞習慣),你可以添加像global_map = map;在第209行,並調用google.maps.event.trigger(global_map,'resize');在你的點擊功能中。它會起作用,但這不是一個好方法,你應該找出符合你的編碼風格和結構的最佳方式。 – Sgoldy 2014-11-02 11:56:21

+0

var global_map = map;第209行default.js和google.maps.event.trigger(global_map,'resize');在點擊功能但不工作.. – user3718303 2014-11-03 15:20:33