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

时间:2013-07-19 09:31:54

标签: html css google-maps google-maps-api-3

我知道地图正在加载,但无论出于何种原因我都看不到它们。

JS

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

1 个答案:

答案 0 :(得分:0)

您需要为地图指定尺寸:

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