Javascript Google Map API V3检测容器宽度/高度变化
我试图检测地图容器何时发生了更改,以便运行Javascript Google Map API V3检测容器宽度/高度变化,javascript,google-maps,google-maps-api-3,Javascript,Google Maps,Google Maps Api 3,我试图检测地图容器何时发生了更改,以便运行google.maps.event.trigger(地图“resize”)但我似乎无法让它工作。当容器的大小发生变化时,是否有侦听器进行检测?我知道这不起作用,因为地图上有一个部分是灰色的 我尝试了以下几点,但当容器大小发生变化时,所有这些似乎都失败了,bounds\u changed在用光标拖动贴图时起作用 google.maps.event.addListener(map, 'bounds_changed', function() { goo
google.maps.event.trigger(地图“resize”)代码>但我似乎无法让它工作。当容器的大小发生变化时,是否有侦听器进行检测?我知道这不起作用,因为地图上有一个部分是灰色的
我尝试了以下几点,但当容器大小发生变化时,所有这些似乎都失败了,bounds\u changed
在用光标拖动贴图时起作用
google.maps.event.addListener(map, 'bounds_changed', function() {
google.maps.event.trigger(map, 'resize');
});
google.maps.event.addDomListener(map, 'resize', function() {
google.maps.event.trigger(map, 'resize');
});
映射声明和初始化()
}
键向上调整大小
$("#width, #height").keyup(function() {
delay(function(){
size();
}, 500 );
console.log('0');
mapElement = document.getElementById('map');
console.log(mapElement);
google.maps.event.addDomListener( mapElement, 'resize', function(e){
console.log( 'Resize', e);
google.maps.event.trigger(map, 'resize');
console.log('1');
});
console.log('2');
});
您是否尝试过使用类似于google.maps.event.addDomListener(mapElement,'resize',function(e){console.log('resize',e)})的东西代码>
可能映射对象的侦听器不支持“调整大小”
编辑:你对地图的声明是什么?@laugh请查看操作againadgoogle.maps.event.trigger(地图,'resize')代码>进入函数,您将拥有它。@请检查我的编辑,console.log('0');console.log(mapElement);console.log('2')代码>所有工作,但console.log('Resize',e);console.log('1')
没有出现在控制台日志中,我想这意味着他们没有开火。我知道这可能是一个明显的问题,但是你是否尝试过调整#map
DOM元素的大小以观察响应?@laughter我在Google上找到的每一块都无法进行调整大小检测。我必须满足于怪异,因为我已经测试过它在我这一方起作用。
$("#width, #height").keyup(function() {
delay(function(){
size();
}, 500 );
console.log('0');
mapElement = document.getElementById('map');
console.log(mapElement);
google.maps.event.addDomListener( mapElement, 'resize', function(e){
console.log( 'Resize', e);
google.maps.event.trigger(map, 'resize');
console.log('1');
});
console.log('2');
});