Question

我正在努力让谷歌地图正常运行，但第一张地图无法加载，现在谷歌文件出现了错误。

类型错误：％20A％图20是％20null％20http：//maps.gstatic.com/intl/pt_ALL/mapfiles/api-3/17/2/main.js%20Line%2040

这是我的代码：

<div id="map_canvas" style="width: 100%; height: 100%"></div>
<script>
var map;
var zoom=5;
var center = new google.maps.LatLng(36.6, 0);

    function initialize() {
        var mapOptions = {
                zoom: zoom,
                center: center,
                mapTypeId: google.maps.MapTypeId.HYBRID,
                minZoom: zoom
            };
        map = new google.maps.Map(document.getElementById("map-canvas"), mapOptions);
    }
    google.maps.event.addDomListener(window, 'load', initialize);

</script>

首先我有关键参数，然后我把它取下来，因为它也没有显示出来。此外，我收到一些警告弹出窗口关于谷歌地图被禁用的关键，并让我阅读谷歌地图的条款和条件，我做了，发现我的网站符合当前条款（登录网站，没有用户支付任何费用。）的谷歌地图。

我非常感谢对此问题的任何帮助。谢谢。

Answer 1

首先，div id为map_canvas，但您在js代码中使用map-canvas。其次，尝试以像素而不是百分比给出尺寸，即width:400px;height:400px;

演示：http://jsfiddle.net/lotusgodkk/x8dSP/3421/

CSS：

#map_canvas {
     width:500px;
     height:500px;
 }

JS：

var map;
var zoom = 5;
var center = new google.maps.LatLng(36.6, 0);

function initialize() {
    var mapOptions = {
        zoom: zoom,
        center: center,
        mapTypeId: google.maps.MapTypeId.HYBRID,
        minZoom: zoom
    };
    map = new google.maps.Map(document.getElementById("map_canvas"), mapOptions);
}
google.maps.event.addDomListener(window, 'load', initialize);

Google地图错误 - 未显示地图

1 个答案: