javascript - 使用标记从谷歌地图获取纬度/经度坐标

Question

我只是想知道是否有人知道可以执行以下操作的简单脚本:

在 View 中加载谷歌地图，单击时会显示一个标记，将经纬度值保存到变量中？

有谁知道PHP中是否已经存在类似的东西？

提前致谢

Answer 1

也许您正在寻找与此类似的东西 Latitude-Longitude Finder Tool .示例代码 是 是 API v2。以下是使用 Google Maps API v3 的代码精简版:

var latlng = new google.maps.LatLng(51.4975941, -0.0803232);
var map = new google.maps.Map(document.getElementById('map'), {
    center: latlng,
    zoom: 11,
    mapTypeId: google.maps.MapTypeId.ROADMAP
});
var marker = new google.maps.Marker({
    position: latlng,
    map: map,
    title: 'Set lat/lon values for this property',
    draggable: true
});
google.maps.event.addListener(marker, 'dragend', function(a) {
    console.log(a);
    // bingo!
    // a.latLng contains the co-ordinates where the marker was dropped
});

Demo

说明:您必须设置 draggable标记的属性为真。然后，您可以将回调函数挂接到该标记的 dragend 事件；新坐标被传递给函数，您可以将它们分配给 JavaScript 变量或表单字段。