javascript - 谷歌地图 API : TypeError: a is undefined

标签 javascript html google-maps-api-3

我在网上搜索了这个问题,但似乎没有一个能给我任何解决方案。我有一个简单的脚本来显示南非的 map 。

<!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>

但我不断地犯同样的错误。我什至在不同的服务器上试过。

enter image description here

请帮忙

最佳答案

最近几天我也经常看到这个错误,实验性 API 版本似乎有问题。

改为加载发布版本(基本上你应该始终在生产中加载发布版本)

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

关于javascript - 谷歌地图 API : TypeError: a is undefined,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32691295/

相关文章:

html - css 保持纵横比为 1 :1 (square) based on parent height

javascript - 我如何在谷歌地图绘图上添加自己的图像或绘图选项

google-maps-api-3 - 使用 Google Maps JavaScript API v3 突出显示某个区域

javascript - 选择在 chrome 上工作,但不在 firefox/IE 上工作

javascript - AngularJS : index not updating after removing array item(s) by index

javascript - 尝试从可观察数组中获取特定元素

google-maps-api-3 - Google Maps ImageMapTypeOptions.getTileUrl 将点和缩放转换为 LatLng

javascript - 我可以使用正则表达式删除列表项吗?

html - 图像在水平列表中未正确排列

html - 表行标签内的表单