在调整窗口大小之前，无法让Google地图加载到引导模式中
Javon Legend
在调整页面大小之前，它一直显示为灰色，通常是当我打开控制台窗口并关闭它时，地图突然加载，不然它仍然保持不变的颜色，并且在单个页面上也有多个地图，
谷歌地图
我尝试了多种方法，例如添加Google Maps触发器，
google.maps.event.trigger(map{{ $article->id }}, 'load');
并初始化锚点上的功能以打开模态窗口
$('a[href="#view-article-modal{{ $article->id }}"]').on('shown.bs.modal', function(e){
initAutocomplete();
});
它在foreach循环中运行，以加载所有文章地图，
任何帮助将不胜感激，谢谢。
索拉夫·拉斯托吉（Saurav Rastogi）
尝试resize()使用Bootstrap的Modal Events打开模态时运行函数。
$('#myModal').on('shown.bs.modal', (e) => {
this.resizeMap();
})
resizeMap() {
var map = new google.maps.Map(document.getElementById('map'), this.options);
google.maps.event.trigger(map, "resize");
}
希望这可以帮助！
本文收集自互联网，转载请注明来源。
如有侵权，请联系 [email protected] 删除。
编辑于
相关文章
TOP 榜单
- 1
蓝屏死机没有修复解决方案
- 2
计算数据帧中每行的NA
- 3
UITableView的项目向下滚动后更改颜色，然后快速备份
- 4
Node.js中未捕获的异常错误，发生调用
- 5
在 Python 2.7 中。如何从文件中读取特定文本并分配给变量
- 6
Linux的官方Adobe Flash存储库是否已过时？
- 7
验证REST API参数
- 8
ggplot：对齐多个分面图-所有大小不同的分面
- 9
Mac OS X更新后的GRUB 2问题
- 10
通过 Git 在运行 Jenkins 作业时获取 ClassNotFoundException
- 11
带有错误“ where”条件的查询如何返回结果？
- 12
用日期数据透视表和日期顺序查询
- 13
VB.net将2条特定行导出到DataGridView
- 14
如何从视图一次更新多行（ASP.NET - Core）
- 15
Java Eclipse中的错误13，如何解决？
- 16
尝试反复更改屏幕上按钮的位置 - kotlin android studio
- 17
离子动态工具栏背景色
- 18
应用发明者仅从列表中选择一个随机项一次
- 19
当我尝试下载 StanfordNLP en 模型时，出现错误
- 20
python中的boto3文件上传
- 21
在同一Pushwoosh应用程序上Pushwoosh多个捆绑ID
我来说两句