gpt4 book ai didi

css - 谷歌地图不会全屏呈现整个 map

转载 作者:行者123 更新时间:2023-11-28 10:55:58 27 4
gpt4 key购买 nike

我在调整 Google Maps JavaScript API v3 的大小时遇到​​了一些问题。如果我在加载时正确设置 CSS“参数”(就在 documentation 中), map 将显示 100% 的高度和宽度 - 没问题。但是,当我尝试通过单击链接获得相同结果时,它并没有显示整个 map 。

This is how the map shows upon click on the link to toggle full screen

我已经在 jQuery 中针对此事件测试了 css()toggleClass()toggleClass() 使用以下代码使 map 不可见(完全隐藏 map 而不是全屏显示):

// jQuery
$('#weather-map').toggleClass('test');

// CSS
#weather-map.test {
height : 100%;
width : 100%;
top : 0;
left : 0;
position : absolute;
z-index : 200;
}

css() 有效( map 全屏显示)但上图显示了 map 在全屏时的呈现方式:

$('#weather-map').css({
'height' : '100%',
'width' : '100%',
'top' : '0',
'left' : '0',
'position' : 'absolute',
'z-index' : '200'
});

我现在想知道,为什么它会这样?我是不是漏掉了什么,或者这种方法不是切换 map 全屏的正确方法?

提前致谢。

最佳答案

这只是因为 Google 映射 Javascript 的工作方式。它根据容器的大小进行渲染,并且不会添加任何类型的处理程序来重新渲染,以防容器此后重新调整大小。我想在上面的示例中,您必须再次调用 map 初始化代码才能在调整大小的 div 中再次呈现 map 。

关于css - 谷歌地图不会全屏呈现整个 map ,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10067537/

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com