我在我的

var map = new google.maps.Map( document.getElementById('map_canvas') );

然后用双引号代替

var map = new google.maps.Map( document.getElementById("map_canvas") );

这招对我很管用。

这个问题通常是由于地图div在需要访问它的javascript运行之前没有被渲染。

您应该将初始化代码放在onload函数内或HTML文件的底部，就在标记之前，这样DOM在执行之前就会完全呈现(注意，第二个选项对无效HTML更敏感)。

注意，正如matthewsheets指出的那样，这也可能是由于div的id在你的HTML中根本不存在(div不被渲染的病态情况)

从wf9a5m75的帖子中添加代码样本，将所有内容放在一个地方:

<script type="text/javascript">

function initialize() {
    var latlng = new google.maps.LatLng(-34.397, 150.644);
    var myOptions = {
        zoom: 8,
        center: latlng,
        mapTypeId: google.maps.MapTypeId.ROADMAP
    };
    var map = new google.maps.Map(document.getElementById("map_canvas"),
            myOptions);
}
google.maps.event.addDomListener(window, "load", initialize);

</script>

在我处理的一个案例中，地图div是有条件地呈现的，这取决于位置是否被公开。如果你不能确定是否地图画布div将在页面上，只需检查你的文档。getElementById返回一个元素，只在它存在时调用映射:

var mapEle = document.getElementById("map_canvas");
if (mapEle) {
    map = new google.maps.Map(mapEle, myOptions);
}

如果你碰巧使用asp.net Webforms，并且正在使用母版页在页面后面的代码中注册脚本，不要忘记使用map元素(vb.net)的clientID:

ClientScript.RegisterStartupScript(Me.[GetType](), "Google Maps Initialization", String.Format("init_map(""" & map_canvas.ClientID() & """...

改变ID(在所有3个地方)从“map-canvas”到“map”为我修复了它，即使我已经确保ID是相同的，div有宽度和高度，代码直到窗口加载调用后才运行。不是破折号;除了“map”，它似乎不能与任何其他ID一起工作。

谷歌在样例中使用id="map_canvas"和id="map-canvas"，反复检查id:D