Javascript 谷歌地图没有';我有时不能装货

Javascript 谷歌地图没有';我有时不能装货,javascript,java,google-maps,Javascript,Java,Google Maps,有没有人可以快速查看一下我的代码,并帮助解决谷歌地图不随机加载的问题?我在这里看了很多文章,尝试了很多东西,但仍然没有结果。谢谢大家! 页面上的映射容器: <div id="google-map" class="" data-latitude="34.0090633" data-longitude="-118.49310960000003" data-wow-duration="" data-wow-delay=""></div> <script async d

有没有人可以快速查看一下我的代码,并帮助解决谷歌地图不随机加载的问题?我在这里看了很多文章,尝试了很多东西,但仍然没有结果。谢谢大家!

页面上的映射容器:

 <div id="google-map" class="" data-latitude="34.0090633" data-longitude="-118.49310960000003" data-wow-duration="" data-wow-delay=""></div>
<script async defer
src="https://maps.googleapis.com/maps/api/js?key=AIzaSyBGNUW5a8iPwxyRu2Jakd88oXm9ZhIcJSQ&callback=initMap">
</script>
var latitude = $('#google-map').data('latitude')
var longitude = $('#google-map').data('longitude')
function initialize_map() {
    var myLatlng = new google.maps.LatLng(latitude,longitude);
    var mapOptions = {
        zoom: 14,
        scrollwheel: false,
        center: myLatlng
    };
    var map = new google.maps.Map(document.getElementById('google-map'), mapOptions);
    var contentString = '';
    var infowindow = new google.maps.InfoWindow({
        content: '<div class="map-content"><ul class="address">' + $('.address').html() + '</ul></div>'
    });
    var marker = new google.maps.Marker({
        position: myLatlng,
        map: map
    });
    google.maps.event.addListener(marker, 'click', function() {
        infowindow.open(map,marker);
    });
}
google.maps.event.addDomListener(window, 'load', initialize_map);

页面底部的脚本:

 <div id="google-map" class="" data-latitude="34.0090633" data-longitude="-118.49310960000003" data-wow-duration="" data-wow-delay=""></div>
<script async defer
src="https://maps.googleapis.com/maps/api/js?key=AIzaSyBGNUW5a8iPwxyRu2Jakd88oXm9ZhIcJSQ&callback=initMap">
</script>
var latitude = $('#google-map').data('latitude')
var longitude = $('#google-map').data('longitude')
function initialize_map() {
    var myLatlng = new google.maps.LatLng(latitude,longitude);
    var mapOptions = {
        zoom: 14,
        scrollwheel: false,
        center: myLatlng
    };
    var map = new google.maps.Map(document.getElementById('google-map'), mapOptions);
    var contentString = '';
    var infowindow = new google.maps.InfoWindow({
        content: '<div class="map-content"><ul class="address">' + $('.address').html() + '</ul></div>'
    });
    var marker = new google.maps.Marker({
        position: myLatlng,
        map: map
    });
    google.maps.event.addListener(marker, 'click', function() {
        infowindow.open(map,marker);
    });
}
google.maps.event.addDomListener(window, 'load', initialize_map);

外部.js文件中的脚本:

 <div id="google-map" class="" data-latitude="34.0090633" data-longitude="-118.49310960000003" data-wow-duration="" data-wow-delay=""></div>
<script async defer
src="https://maps.googleapis.com/maps/api/js?key=AIzaSyBGNUW5a8iPwxyRu2Jakd88oXm9ZhIcJSQ&callback=initMap">
</script>
var latitude = $('#google-map').data('latitude')
var longitude = $('#google-map').data('longitude')
function initialize_map() {
    var myLatlng = new google.maps.LatLng(latitude,longitude);
    var mapOptions = {
        zoom: 14,
        scrollwheel: false,
        center: myLatlng
    };
    var map = new google.maps.Map(document.getElementById('google-map'), mapOptions);
    var contentString = '';
    var infowindow = new google.maps.InfoWindow({
        content: '<div class="map-content"><ul class="address">' + $('.address').html() + '</ul></div>'
    });
    var marker = new google.maps.Marker({
        position: myLatlng,
        map: map
    });
    google.maps.event.addListener(marker, 'click', function() {
        infowindow.open(map,marker);
    });
}
google.maps.event.addDomListener(window, 'load', initialize_map);
var latitude=$('#谷歌地图')。数据('latitude'))
变量经度=$('#谷歌地图')。数据('经度')
函数初始化_映射(){
var mylatng=new google.maps.LatLng(纬度、经度);
变量映射选项={
缩放:14,
滚轮:错误,
中心:myLatlng
};
var-map=new google.maps.map(document.getElementById('google-map'),mapOptions);
var contentString='';
var infowindow=new google.maps.infowindow({
内容:'
    '+$('.address').html()+'
' }); var marker=new google.maps.marker({ 职位:myLatlng, 地图:地图 }); google.maps.event.addListener(标记'click',函数(){ 信息窗口。打开(地图、标记); }); } google.maps.event.addDomListener(窗口“加载”,初始化映射);
这可能是因为您正在使用

<script async defer

“尝试了很多线程”-例如?你试了什么?你看了哪些帖子?结果如何?解决办法是什么?是否要删除“异步延迟”并使其成为一个普通的延迟