谷歌地图标记未添加到地图中

时间:2014-06-15 10:29:46

标签: javascript google-maps google-maps-api-3

我正在使用Google上的谷歌地图api

这是我的代码

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

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

google.maps.event.addDomListener(window, 'load', initialize);

只显示地图,但标记不是,为什么请?

我还有第二个问题。用户期望点击(或执行)他们想要在地图上添加标记的最佳操作是什么?

由于

1 个答案:

答案 0 :(得分:1)

也许您使用了错误的ID。

JS:

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

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

google.maps.event.addDomListener(window, 'load', initialize);

演示:http://jsfiddle.net/lotusgodkk/x8dSP/3523/