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 コメント:
コメントを投稿