谷歌地图 API v3 设置标记和获取点答案

【问题标题】：google maps API v3 set marker and get point谷歌地图 API v3 设置标记和获取点
【发布时间】：2011-08-16 18:38:06
【问题描述】：

我在设置标记和获取该标记的纬度和经度时遇到问题。如何在谷歌地图 v3 API 中做到这一点

var myLatlng = new google.maps.LatLng(-34.397, 150.644);
        var myOptions = {
          zoom: 8,
          center: myLatlng,
          mapTypeId: google.maps.MapTypeId.ROADMAP
        };
var map = new google.maps.Map(document.getElementById("divGoogleMaps"), myOptions);

google.maps.event.addListener(map, 'click', function() {

});

这是我的起始代码。

【问题讨论】：

标签： javascript google-maps

【解决方案1】：

您应该查看 Google Maps API 文档网站，他们有一个 fex 示例来帮助您入门。

http://code.google.com/apis/maps/documentation/javascript/basics.html

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

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

在这里你设置一个标记并获取位置。

【讨论】：

最后这段代码帮助我做这件事。我在地图上只能有一个标记，并且当用户在地图“代码”上单击时设置此标记 google.maps.event.addListener(map,'click',function(event) { if(self.marker != null) self .marker.setMap(null); self.value = new google.maps.LatLng( event.latLng.lat() , event.latLng.lng()); self.marker = new google.maps.Marker({ position: self.value }); self.zoom = map.getZoom(); self.marker.setMap(map); });

【解决方案2】：

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

直接取自Google Maps API v3

如果您想将事件侦听器附加到标记，建议您在将其添加到地图后立即执行此操作，同时您仍然对它有新的引用（在您可能循环遍历的情况下）一些标记添加代码，这很常见）。

【讨论】：

google.maps.event.addListener(map,'click',function(event) { if(self.marker != null) self.marker.setMap(null); self.value = new google.maps.LatLng( event.latLng.lat() , event.latLng.lng()); self.marker = new google.maps.Marker({ position:self.value }); self.zoom = map.getZoom (); self.marker.setMap(map); });