javascript - "google is not defined"但包含 Google map API

Question

我收到 ReferenceError google is not Defined。

我寻找解决方案，但没有任何帮助。

有什么想法吗？谢谢

编辑:相关代码

在index.html中:

    <script src="dojo/dojo-release-1.12.2/dojo/dojo.js"></script><!--Dojo Script-->
    <script src="js/index.js"></script>

    <link rel="stylesheet" href="css/bootstrap.min.css">
    <link rel="stylesheet" href="css/index.css">
</head>
<!--Google Maps API-->
    <script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?key=APICode&callback=initMap" async defer></script>
    <script src="js/jquery.min.js"></script>
    <script src="js/bootstrap.min.js"></script> 
</body>

在index.js相关函数中，对谷歌地图进行一些操作:

function setMapOnAll(map) {
    for (i = 0; i < markers.length; i++) {
        markers[i].setMap(map);
    }
}

function RefreshMap() {
    location.reload();
    initMap();
}

function initMap() {
var loggedin = localStorage.getItem("loggedIn");
if(loggedin == 0) {
    var place = {lat: 52.558643, lng: 13.351725};
    map = new google.maps.Map(document.getElementById('map'), {
        zoom: 3,
        center: place
    });
}

else {
    map = new google.maps.Map(document.getElementById('map'), {
        //zoom: 3,
        //center: place
    });

    GetLocations();

    var geocoder = new google.maps.Geocoder();
    document.getElementById("btnAdd").addEventListener("click", function() {
        geocodeAddress(geocoder, map);
    });
}
}

function GetLocationsDojo() {
require(["dojo/store/JsonRest"], function(JsonRest) {               
    var username = localStorage.getItem("username");
    var session = localStorage.getItem("sessionID");

    var store = new JsonRest ({
        target: "http://localhost:8080/FAPServer/service/fapservice/getStandort",
        headers: {
            "Content-Type": "application/json"
        }
    });

    locations = [];
    for(i = 0; i < users.length; i++) {
        store.get("?login=" + username + "&session=" + session + "&id=" + users[i]).then(
        function(data) {
            //console.log(data);    

            var breite = data.standort.breitengrad;
            var laenge = data.standort.laengengrad;

            var marker = new google.maps.Marker({
                position: new google.maps.LatLng(breite, laenge),
                map: map
            });

            infowindow = new google.maps.InfoWindow();
            google.maps.event.addListener(marker, 'click', (function(marker, i) {
                return function() {
                    infowindow.setContent(data.loginName);
                    infowindow.open(map, marker);
                }
            })(marker, i));

            markers.push(marker);   

            //bounds map
            var bounds = new google.maps.LatLngBounds();
            for (var i = 0; i < markers.length; i++) {
                bounds.extend(markers[i].getPosition());
            }
            map.fitBounds(bounds);              
        },
        function(data) {}
        );
    }
});         
} 

Answer 1

async defer 延迟脚本的执行。它可能正在您的 index.js 脚本之后运行(并添加您尝试访问的变量)。