谷歌地图画布上未显示任何内容

Question

我正在尝试将google maps放到我的网站上。 此刻，您单击一个按钮，地图就会出现在页面中间：

function showMap() {
    $('mapAndButton').setStyle('display', 'block');

    var map;
    var myOptions = {
        zoom: 8,
        center: new google.maps.LatLng(-34.397, 150.644),
        mapTypeId: google.maps.MapTypeId.ROADMAP
    };
    map = new google.maps.Map(document.getElementById('map_canvas'),
            myOptions);
}

该代码是从API网页上提供的教程中复制的。 由于某种原因，它不起作用。 地图呈现如下：

Gmap

一个空的灰色框而不是地图。 出现该框的事实，并且在其底部有一些google的东西，这意味着至少有事情在起作用。 多次单击按钮或等待很长时间，没有任何区别。

可能是什么问题？

Answer 1

什么是肯定缺少的是一个开放括号{之后function showMap()

可以进一步检查是否确实调用了showMap() ，例如在<body onload="showMap()">以及是否该行

<script type="text/javascript" 
        src="http://maps.googleapis.com/maps/api/js?sensor=false"></script>

提供了。

Answer 2

我认为发生此错误是因为页面上其他地方有旧版本的google maps API的旧版本引用。 当我删除它时，仅加载了最新版本的api，地图正确呈现。

谷歌地图画布上未显示任何内容

问题描述

2 个解决方案

解决方案1
1 2011-08-22 16:22:08

解决方案2
0 已采纳 2011-08-22 16:26:41

谷歌地图画布上未显示任何内容

问题描述

2 个解决方案

解决方案1 1 2011-08-22 16:22:08

解决方案2 0 已采纳 2011-08-22 16:26:41

解决方案1
1 2011-08-22 16:22:08

解决方案2
0 已采纳 2011-08-22 16:26:41