Question

我已经发布了我的代码，但地图不是load.please建议这个问题。我也将使用谷歌地图js但无法加载。

<script src="https://maps.googleapis.com/maps/api/js?callback=initMap">
     if($('.map-container:visible').length >= 0) 
     {       
        initMap();
     }
    function initMap(){
        google.maps.visualRefresh = true;

      var myLatlng = new google.maps.LatLng('24.980832' ,'55.092480'); 

      var mapOptions = {
             zoom: 10, 
             center: myLatlng,
             mapTypeId : google.maps.MapTypeId.ROADMAP
        };

        var map = new google.maps.Map(document.getElementById('dubaiTradeNew'), mapOptions);

        var marker = new google.maps.Marker({
            position: myLatlng,
            map: map,
            title: 'Dubai Trade'
        });

            google.maps.event.addDomListener(window, "resize", function() { 
            var center = map.getCenter(); 
            google.maps.event.trigger(map, "resize"); 
            map.setCenter(center);  
        });   
    }

Answer 1

请尝试添加高度宽度

<div class="map-container" id="dubaiTradeNew" style="height:100px;width:100px">
</div>

设置不同的脚本

<script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?callback=initMap"></script>
<script>
    //Code here
</script>

谷歌地图没有使用JavaScript加载

1 个答案: