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

我正在尝试将谷歌地图内容放到我的网站上。此刻，你点击一个按钮，地图会出现在页面的中间：Google地图画布上没有任何内容显示

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

一个空的灰色框，而不是一个地图。这个盒子出现的事实，以及它底部有一些谷歌的东西，意味着至少有东西在起作用。多次点击按钮，或等待很长时间，没有任何区别。

可能是什么问题？

来源

2011-08-22 Oliver

你是放大到一个非常大的灰色补丁？ –

我不这么认为。这些坐标在别处使用时会显示内容。 – Oliver

我觉得这个错误发生是因为在页面的其他地方有一个旧的谷歌地图API版本的引用。当我删除这个，以便只加载最新版本的api时，地图正确显示。

来源

2011-08-22 16:26:41 Oliver

肯定缺少的是在function showMap()之后的首字母组合{。

可以进一步检查showMap()是否真的被调用，例如，在<body onload="showMap()">和是否线

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

被提供。

来源

2011-08-22 16:22:08 Jiri

原始代码中不存在丢失的括号，它在我复制到stackOverflow时必须进来。 – Oliver

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

回答

相关问题