通过Google Maps api v3获取经度和纬度的地址

时间:2014-03-23 13:50:10

标签: javascript google-maps-api-3

我现在拥有的东西:

超越代码将我定位在地图上并告诉我实际的经度和纬度,它还会显示我当前位置带有标记的地图

    navigator.geolocation.getCurrentPosition (function (pos)
{
  var lat = pos.coords.latitude;
  var lng = pos.coords.longitude;
  var H = parseInt(screen.height)-parseInt(44);
 document.getElementById("canvas").style.height=H+'px';
    $("#latitude").val (lat);
  $("#longitude").val (lng); 

var myZoom = 17;
var myMarkerIsDraggable = true;
var myCoordsLenght = 6;
var defaultLat = lat;
var defaultLng = lng;

var map = new google.maps.Map(document.getElementById('canvas'), {
    zoom: myZoom,
    center: new google.maps.LatLng(defaultLat, defaultLng),
    mapTypeId: google.maps.MapTypeId.ROADMAP
});


var myMarker = new google.maps.Marker({
    position: new google.maps.LatLng(defaultLat, defaultLng),
    draggable: myMarkerIsDraggable
});

google.maps.event.addListener(myMarker, 'dragend', function(evt){
    document.getElementById('latitude').value = evt.latLng.lat().toFixed(myCoordsLenght);
    document.getElementById('longitude').value = evt.latLng.lng().toFixed(myCoordsLenght);
});


map.setCenter(myMarker.position);


myMarker.setMap(map);


});

我想要实现的目标:

基于上面的代码,我给了我当前的long和lat我希望将它们转换为地址并将其显示在输入上。从现在开始我有以下内容:

    <input id="latitude" type="text" name="latitude" value=""/>
<input id="longitude" name="longitude" type="text" value=""/>
<input id="address" name="address" type="text" value=""/>

前2个显示纬度和经度基于我保存到数据库中的表格输入,我希望在第3个输入中我有我想要的地址以及纬度和经度将它们保存到数据库中。

如果有人知道如何实现这一目标,请提供帮助。

非常感谢你。

0 个答案:

没有答案