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