Events 获取标记的纬度和经度（onclick）

如何创建标记的侦听器并获取其纬度和经度。当我为点击事件的每个标记创建一个监听器时，我可以在点击时发出警报，但是我如何才能获得标记的坐标，即

click->this.getLat/getLng

，等等。当点击时？

尝试以下方法：

marker = new google.maps.Marker({
             position: latlng,
             map: map                    
}); //end marker

//Add listener
google.maps.event.addListener(marker, "click", function (event) {
                    alert(this.position);
}); //end addListener

---

继Bryan Weaver的优秀答案之后，如果要分别保存纬度和经度，必须使用lat（）和lng（）。position属性不是常规字符串

布莱恩的准则是：

marker = new google.maps.Marker({
             position: latlng,
             map: map                    
}); //end marker

//Add listener
google.maps.event.addListener(marker, "click", function (event) {
    var latitude = this.position.lat();
    var longitude = this.position.lng();
    alert(this.position);
}); //end addListener

可以直接对变量（latLng）应用lat（）和lng（）

---

这里的答案都很好

但我试过一些类似谷歌地图的东西。 当您单击地图上的某个位置时，将显示一个标记，但当您单击其他位置时，旧标记将消失，新标记将在文本字段中显示纬度和经度

这是我的建议

//在下面的示例中，当用户单击地图时，会出现标记。
//标记存储在一个数组中。
//然后，用户可以单击一个选项来隐藏、显示或删除标记。
var映射；
var标记=[]；
函数initMap（）{
var haightAshbury={lat:23.2748308，lng:77.4519248}；
map=new google.maps.map（document.getElementById（'map'）{
缩放：16.3，//手动设置缩放级别
中心：haightAshbury，
mapTypeId:'地形'
});
//单击映射时，此事件侦听器将调用addMarker（）。
map.addListener（'click'，函数（事件）{
如果（markers.length>=1）{
删除标记（）；
}
添加标记（事件标记）；
document.getElementById（'lat'）。value=event.latLng.lat（）；
document.getElementById（'long'）.value=event.latLng.lng（）；
});
}
//将标记添加到地图并推送到阵列。
功能添加标记（位置）{
var marker=new google.maps.marker({
位置:位置,，
地图：地图
});
标记器。推（标记器）；
}
//在阵列中的所有标记上设置贴图。
函数setMapOnAll（映射）{
对于（var i=0；i

---

这段代码的作用是，当你点击地图上的某个地方时，纬度和经度的值就会显示在文本字段中

此.position未记录您应该使用

event对象

并使用

lat（）

和

lng（）

函数获取

event.latLng

。更好。

this.position

被记录为

this

在此上下文中指的是

标记

对象<代码>位置是标记上的属性。您也可以使用“event”对象，在这种情况下，您必须使用“latLng”属性，但请记住返回的

latLng

将是单击时光标的位置，而不是标记位置。根据您想要的精度级别，这些差异很重要。

    var latitude = latLng.lat();
    var longitude = latLng.lng();

  // In the following example, markers appear when the user clicks on the map.
  // The markers are stored in an array.
  // The user can then click an option to hide, show or delete the markers.
  var map;
  var markers = [];

  function initMap() {
    var haightAshbury = {lat: 23.2748308, lng: 77.4519248};

    map = new google.maps.Map(document.getElementById('map'), {
      zoom: 16.3,                        // Set the zoom level manually
      center: haightAshbury,
      mapTypeId: 'terrain'
    });

    // This event listener will call addMarker() when the map is clicked.
    map.addListener('click', function(event) {
      if (markers.length >= 1) {
          deleteMarkers();
      }

      addMarker(event.latLng);
      document.getElementById('lat').value = event.latLng.lat();
      document.getElementById('long').value =  event.latLng.lng();
    });
  }

  // Adds a marker to the map and push to the array.
  function addMarker(location) {
    var marker = new google.maps.Marker({
      position: location,
      map: map
    });
    markers.push(marker);
  }

  // Sets the map on all markers in the array.
  function setMapOnAll(map) {
    for (var i = 0; i < markers.length; i++) {
      markers[i].setMap(map);
    }
  }

  // Removes the markers from the map, but keeps them in the array.
  function clearMarkers() {
    setMapOnAll(null);
  }

  // Deletes all markers in the array by removing references to them.
  function deleteMarkers() {
    clearMarkers();
    markers = [];
  }
</script>
<script async defer
    src="http://maps.google.com/maps/api/js?sensor=false&callback=initMap">
</script>