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

php javascript google-maps google-maps-api-3

2022-08-30 21:44:05

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

在视图中加载谷歌地图，单击时它会显示一个标记，该标记会将纬度和长整值保存到变量中？

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

提前致谢

答案 1

也许您正在寻找与此纬度 - 经度查找器工具类似的东西。示例代码是 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
});

演示

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

答案 2

// add a click event handler to the map object
    GEvent.addListener(map, "click", function(overlay, latLng)
    {
        // display the lat/lng in your form's lat/lng fields
        document.getElementById("latFld").value = latLng.lat();
        document.getElementById("lngFld").value = latLng.lng();
    });

我认为当你得到纬度时，你可以放置标记。