11

我有一个表格，用户需要填写需要识别位置的位置。我在表单上有纬度和经度输入字段。我也在寻找小数点经纬度。我想要的似乎很简单。我只想有一个链接，用户可以点击它会弹出一个地图（谷歌或雅虎），他可以使用地图找到位置并点击它，这将自动填充纬度和的两个输入字段远离地图。有没有人这样做过？

4

4 回答 4

12

使用 Google Maps API，您可以很容易地做到这一点。只需向您的地图对象添加一个单击事件处理程序，该处理程序会传入用户单击位置的纬度/经度坐标（请参阅此处click的事件详细信息）。

function initMap()
{
    // do map object creation and initialization here
    // ...

    // 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();
    });
}
于 2009-11-13T12:59:25.673 回答
7

该代码适用于 google map api 版本 3。v2 已贬值，因此最好坚持使用 v3。

有一个 id 为 mapdiv 的 div，其中加载了地图

单击地图时，使用 id 为 latlng 的输入元素显示 lat 和 lng。这样人们就可以将该值复制到另一个应用程序中。您可以根据需要修改 opts 变量。

像在代码中一样为单击事件添加事件处理程序。因此，当您单击地图时，输入元素将填充 lat 和 lng 值。

var map;
function mapa()
{
    var opts = {'center': new google.maps.LatLng(26.12295, -80.17122), 'zoom':11, 'mapTypeId': google.maps.MapTypeId.ROADMAP }
    map = new google.maps.Map(document.getElementById('mapdiv'),opts);

    google.maps.event.addListener(map,'click',function(event) {
        document.getElementById('latlng').value = event.latLng.lat() + ', ' + event.latLng.lng()
    })      
}

以上就是你所需要的。

如果您想在将鼠标移到地图上时查看 lat 和 lng 的值，请添加鼠标移动事件侦听器，如下面的代码所示。您可以使用跨度甚至输入元素来查看值。我在我的代码中使用了跨度。

google.maps.event.addListener(map,'mousemove',function(event) {
    document.getElementById('latspan').innerHTML = event.latLng.lat()
    document.getElementById('lngspan').innerHTML = event.latLng.lng()
});
于 2011-02-16T16:59:57.557 回答
0

您将需要知道地图上至少两个点的纬度/经度，最好不要靠得很近，并且还需要知道它们相对于一个角的像素坐标（即最好的两个点是对角）。然后通过插值将点击的像素坐标转换为纬度/经度是简单的数学运算。但是请注意，这仅在地图覆盖的区域相对于地球曲率“平坦”时才有效。如果地图覆盖了很大的区域，比如 6000 英里宽，就会出现明显的失真。如果你需要这个准确，你必须做一些地图投影来计算位置。

于 2009-11-13T02:00:05.343 回答
0

查看 Google Maps API 以及此链接：http ://www.gorissen.info/Pierre/maps/googleMapLocation.php

我认为 Google Maps API 可能可以满足您的需求。

于 2009-11-13T02:10:03.140 回答