javascript - Google map 图 block 未在 Bootstrap-Modal 中加载

标签 javascript php google-maps bootstrap-modal

我正在尝试在 Bootstrap-Modal 中打开 map 。 当我打开 basemap 的模态图 block 时,未加载,但如果我打开/关闭 Google Chrome 开发者控制台,图 block 会突然像魅力一样加载。我还想提一下,网站上的另一张 map (不是模式中的)可以正常工作。

我已经在互联网上搜索了几个小时,但找不到任何解决我的问题的方法。

我尝试了 google.maps.event.trigger(map, 'resize'); 但它没有解决我的问题。

如何在显示模式时自动加载图 block ?

编辑: “工程师先生”的评论成功了,谢谢!

Refer this : bootply.com/106707 – Mr. Engineer

最佳答案

尝试做类似的事情:

$(window).trigger('resize');

附注能举个例子吗?

关于javascript - Google map 图 block 未在 Bootstrap-Modal 中加载,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35410658/

相关文章:

javascript - 如何让我的响应式网站在手机上使用 "Request a desktop site"?

javascript - 无法在 jQuery 中制作用于浏览消息的 SO float 效果

php - 将不同的编码字符集转换为 UTF-8

swift - Google Maps API 中的道路类型

javascript - 拖动和交换列表元素

javascript - 如何在不加载的情况下切换到 getDerivedStateToProps 未定义

php:将整个 $_POST 变量保存在 session 中

php - cakephp3 读取组件中的 session

android - 确认对话框后如何将数据从类传递到 Activity ? (在 map View 上绘制)

javascript - Google map Api 按钮 "route to marker"/转到 Google map