API Карт Google: TypeError: a undefined

Я искал эту проблему по всей сети, и никто из них, похоже, не дал мне никакого разрешения. У меня есть простой script, чтобы просто отобразить карту Южной Африки.

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge, chrome=1" />
<title>Map Test</title>
<script language="javascript" src="https://maps.googleapis.com/maps/api/js?sensor=true"></script>
<style>
#map-canvas {
    height: 300px;
    width: 980px;
    margin: 0;
    padding: 0;
    margin-top: 10px;
}
</style>
</head>
<body>
<div id="map-canvas" class="map_canvas"></div>
<script type="text/javascript">
    function initialize()
    {
        var mapOptions = {
            center: new google.maps.LatLng(-29.09958,26.18434),
            zoom: 5,
            mapTypeControlOptions: {
                position: google.maps.ControlPosition.TOP_LEFT
            }
        };
        map = new google.maps.Map(document.getElementById('map-canvas'),mapOptions);
    }
    google.maps.event.addDomListener(window, 'load', initialize);
</script>
</body>
</html>

Но я продолжаю повторять ту же ошибку снова и снова. Я даже пробовал на другом сервере.

Пожалуйста, помогите

Ответ 1

Я также часто видел эту ошибку в последние дни, похоже, проблема с экспериментальной версией API.

Загрузите версию release (в основном вы всегда должны загружать версию выпуска в производство)

<script language="javascript" src="https://maps.googleapis.com/maps/api/js?sensor=true&v=3"></script>

Ответ 2

Карты Google начали с ошибками при загрузке событий script и прикосновений. Я использую его для приложения cordova на Android и iOS.

Это ошибки, которые я получаю, но изменение версии загрузки не решило ее.

<script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?key=MYKEY&v=3.21&libraries=geometry,places"></script>

Ответ 3

Версия 3.30+ затронута этой проблемой, если существует глобальный var, называемый Map.

Пример:

<script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?key=YOURKEYHERE&v=3&callback=init" async defer></script>
<script type="text/javascript">
    function init() {
        Map.go();
    }
    var Map = {
        go: function() {
            console.log("start engine");
        }
    };
</script>

Мы получили эту ошибку:

TypeError: a.prototype - undefined

Переименование window.Map, тогда все будет хорошо.