Question

HTML：

<div style="margin-left:25%">
  <div id="map" style="width: 1000px; height: 500px"></div>
</div>

JavaScript：

<script>      

  $(window).load(
    function(){

        var HoChiMinh = {lat: 10.7867246, lng: 106.6735853};
        var map = new google.maps.Map(document.getElementById('map'), {
          center: HoChiMinh,
          zoom: 13,
        });

    });

</script>

<script src="https://maps.googleapis.com/maps/api/js?key={{ env('GOOGLE_MAPS_API_KEY') }}"
        async defer></script>

我不知道$(window).load()在这里实际上做什么。

当我删除行$(window).load()时，我的Google地图没有加载。屏幕什么也没返回，直到我放回$(window).load()为止，它又可以工作了。

我需要删除$(window).load()才能使用HTML代码中用户输入的某些数据。

谢谢！

Answer 1

我仍然不太了解import { EMPTY } from 'rxjs'; ... return EMPTY在这里实际做什么。

但是我刚刚找到了一个解决方案。当我将$(window).load()放入

时

&callback=initMap

并定义function（）以使initMap（）起作用。有用！现在，我的网站可以加载没有<script src="https://maps.googleapis.com/maps/api/js?key={{ env('GOOGLE_MAPS_API_KEY') }}&callback=initMap"async defer></script>的地图。

删除$（window）.load（）时Google Map消失

1 个答案: