除非检查元素，否则不会加载Google Map

Question

Google地图无法加载。当我检查元素时，它正确加载。我该如何解决这个问题？

Answer 1

您是否介意发布您用于从API检索位置坐标的代码/函数？

编辑：希望您使用的是BIOSTALL库，而不是从头开始编写代码！

Answer 2

请在您的网页上使用以下CSS。地图未加载，因为您正在使用模态。我认为可能存在CSS问题。

<style>
    .pac-container {
        background-color: #FFF;
        z-index: 20;
        position: fixed;
        display: inline-block;
        float: left;
    }
    .modal{
        z-index: 20;   
    }
    .modal-backdrop{
        z-index: 10;        
    }​
</style>

Answer 3

将以下JavaScript添加到您的前面

$(document).ready(function() {
    google.maps.event.addListener(map, "idle", function(){
        google.maps.event.trigger(map, 'resize'); 
    });
}); 

检查元素时，会触发调整大小事件以显示谷歌地图。当谷歌地图空闲（灰色）

时，你想做同样的事情