Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/394.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/google-maps/4.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript Google Map API V3检测容器宽度/高度变化_Javascript_Google Maps_Google Maps Api 3 - Fatal编程技术网

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请查看操作againad
google.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');
});