2016/03/22

[Google Map][JavaScript]windowリサイズイベントを受け取る

google mapを表示させてwindow resizeの場合にイベントを受けとるにはどうすればいいのだろうか?

google.maps.event.addDomListenerを使えばおk

具体的には下のようなプログラム。

jQuery(function($){
  var map;
  window.googlemapCallBack = function(){
    map = new google.maps.Map( $('._googleMap'), {
      center: {lat: 0, lng: 0},
      zoom: 11
    });
    google.maps.event.addDomListener(
      window, 
      'resize', 
      function(){
       google.maps.event.trigger( map, 'resize' );
    });
  };
  var script = document.createElement('script');
  script.src = "https://maps.googleapis.com/maps/api/js?key=XXXX&callback=googlemapCallBack";
  $('head')[0].appendChild(script);
});

0 コメント:

コメントを投稿