Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/438.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 Maps 3隐藏并显示地图画布？_Javascript_Google Maps - Fatal编程技术网
Fatal编程技术网
  • javascript/
  • Javascript 如何使用Google Maps 3隐藏并显示地图画布？

Javascript 如何使用Google Maps 3隐藏并显示地图画布？

javascript google-maps

Javascript 如何使用Google Maps 3隐藏并显示地图画布？,javascript,google-maps,Javascript,Google Maps,我想将GoogleMaps画布渲染到一个隐藏的div，然后，当页面上其他地方触发事件时，使div再次可见 不幸的是，当我尝试用“display:none”设置div的样式，然后再显示它时，我得到的只是地图所在的灰色框。如果我去掉display:none标记和显示逻辑，那么地图工作正常 有人有什么想法吗？将div的不透明度设置为0.01或类似的值，使其几乎不可见。您可以打开可见性：隐藏；这将使一切保持其尺寸（同时仍然保持不可见）。如果谷歌询问页面的宽度和高度，这将有所帮助。请记住可见性：隐藏地图画

我想将GoogleMaps画布渲染到一个隐藏的div，然后，当页面上其他地方触发事件时，使div再次可见

不幸的是，当我尝试用“display:none”设置div的样式，然后再显示它时，我得到的只是地图所在的灰色框。如果我去掉display:none标记和显示逻辑，那么地图工作正常

有人有什么想法吗？

将div的不透明度设置为0.01或类似的值，使其几乎不可见。

您可以打开
可见性：隐藏
；这将使一切保持其尺寸（同时仍然保持不可见）。如果谷歌询问页面的宽度和高度，这将有所帮助。请记住
可见性：隐藏
地图画布仍将占用页面空间；如果这不是您想要的，那么您可以执行类似于
position:absolute
的操作，将地图的div设置为position:absolute和left:-10000px

然后，我只是将位置设置为在希望它出现时继承