GMaps API v3加载，但无法在页面上查看

我知道地图正在加载，但无论出于什么原因我都看不到它们。GMaps API v3加载，但无法在页面上查看

function initialize() { 
    var myLatlng = new google.maps.LatLng(-25.363882,131.044922); 
    var mapOptions = { 
    zoom: 4, 
    center: myLatlng, 
    mapTypeId: google.maps.MapTypeId.ROADMAP 
    } 
    var map = new google.maps.Map(document.getElementById('map-canvas'), mapOptions); 

    var marker = new google.maps.Marker({ 
     position: myLatlng, 
     map: map, 
     title: 'Hello World!' 
    }); 
}

标记

<div id="map-canvas"> 

</div>

我知道这一定是简单的，我有点困惑，为什么我不能工作了，但这里是链接：http://stage.sexdiaries.co.uk/map

来源

2013-07-19 Jamie Hutber

您的'＃map-canvas'' height'设置为'100％'，但没有父高度来引用它。 – Xareyo

此外''不是一个有效的HTML元素。 – Xareyo

html5它;）阅读有关它。这很棒。 –

您需要为地图提供尺寸：

<div id="map-canvas" style="height:500px;width:600px;"></div>

来源

2013-07-19 09:36:41 geocodezip

宾果，为什么这么简单......大坝吧！ –

GMaps API v3加载，但无法在页面上查看

回答

相关问题