我现在拥有的东西:
超越代码将我定位在地图上并告诉我实际的经度和纬度,它还会显示我当前位置带有标记的地图
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个输入中我有我想要的地址以及纬度和经度将它们保存到数据库中。
如果有人知道如何实现这一目标,请提供帮助。
非常感谢你。