php - Google map 在 JavaScript 弹出窗口中无法正确显示

标签 php javascript jquery google-maps google-maps-api-3

我正在使用 Google map API 在简单的 javascript 弹出窗口中显示 map 。当弹出窗口打开时,它将显示如下: Map Preview in Javascript Popup http://122.170.97.189:81/gmap/preview.png 我尝试使用 Jquery 自动刷新 div 来显示 map div,例如: $('#map').fadeOut('慢').load().fadeIn("快"); 它刷新了 map div,但问题仍然没有解决。 如果我在 Chrome 和 Firefox 中按 F12, map 将正确显示。

最佳答案

在弹出窗口完全加载后调用谷歌地图代码来渲染 map 。您应该在 $(document).ready() 内或在超时后 (setTimeout()) 调用 google.maps.Map()

当创建 map 对象时,它会尝试计算 Canvas 有多大,如果弹出窗口未完全加载,则可能会得到错误的值。

关于php - Google map 在 JavaScript 弹出窗口中无法正确显示,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8832998/

相关文章:

javascript - SCORM 和 JavaScript : How to make a web application SCORM compatible?

jquery - 用 JQuery 替换 HTML 中的图像、视频大小

jquery - 自定义上下文表行类 Bootstrap

javascript - javascript 递归太多

javascript - 模块构建失败: TypeError: Cannot read property 'context' of undefined - Webpack

jquery - 元素被销毁后事件会自动解除绑定(bind)吗?

php - Zend OPCache - opcache.enable_cli 1 还是 0?它有什么作用?

php - Magento 2 : I want to add ifconfig in override block xml

php - 通过MySQL建站的优缺点

php - 没有封闭字符时如何使用 fgetcsv?