允许用户将标记添加到谷歌地图并获取坐标

时间:2011-04-22 16:22:36

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

我想要做的是在我的网站上嵌入一个地图,并允许用户在其上放置标记(如果有办法控制用户可以在地图上放置多少标记?)我也想得到这些标记放在地图上后的坐标。从我为谷歌地图javascript api V3阅读的文档,我可以自己在地图上放置标记,但我没有看到让用户把它们放在地图上的方法。有办法吗?

1 个答案:

答案 0 :(得分:32)

来源:http://code.google.com/apis/maps/documentation/javascript/events.html 在UI事件中滚动down to accessing个参数。

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

  google.maps.event.addListener(map, 'click', function(event) {
    placeMarker(event.latLng);
  });
}

function placeMarker(location) {
  var marker = new google.maps.Marker({
      position: location, 
      map: map
  });

  map.setCenter(location);
}