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

时间:2016-09-19 05:53:50

标签: codeigniter

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

enter image description here

3 个答案:

答案 0 :(得分:0)

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

编辑:希望您使用的是BIOSTALL库,而不是从头开始编写代码!

答案 1 :(得分:0)

请在您的网页上使用以下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>

答案 2 :(得分:0)

将以下JavaScript添加到您的前面

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

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

时,你想做同样的事情