Question

我正在尝试将谷歌地图放到我的网站上。此时，您单击一个按钮，地图将显示在页面中间：

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

空灰色框而不是地图。盒子出现的事实，以及底部有一些谷歌的东西，暗示着某些东西起作用，至少。单击该按钮几次，或等待很长时间，没有任何区别。

可能是什么问题？

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地图API的旧引用。当我删除它时，只加载最新版本的api，地图呈现正确。

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

2 个答案: