我需要执行类似于以下 Google 地图示例的操作:获取纬度和经度
目前我只能通过定位指针来获得纬度和经度,但我想获得这些坐标的地址,反之亦然。此外,从输入中它可以在地图上定位并获取其坐标。
var marker; //variable del marcador
var coords = {}; //coordenadas obtenidas con la geolocalización
//Funcion principal
initMap = function ()
{
//usamos la API para geolocalizar el usuario
navigator.geolocation.getCurrentPosition(
function (position){
coords = {
lng: position.coords.longitude,
lat: position.coords.latitude
};
setMapa(coords); //pasamos las coordenadas al metodo para crear el mapa
},function(error){console.log(error);});
}
function setMapa (coords)
{
//Se crea una nueva instancia del objeto mapa
var map = new google.maps.Map(document.getElementById('map'),
{
zoom: 13,
center:new google.maps.LatLng(coords.lat,coords.lng),
});
//Creamos el marcador en el mapa con sus propiedades
//para nuestro obetivo tenemos que poner el atributo draggable en true
//position pondremos las mismas coordenas que obtuvimos en la geolocalización
marker = new google.maps.Marker({
map: map,
draggable: true,
animation: google.maps.Animation.DROP,
position: new google.maps.LatLng(coords.lat,coords.lng),
});
//agregamos un evento al marcador junto con la funcion callback al igual que el evento dragend que indica
//cuando el usuario a soltado el marcador
marker.addListener('click', toggleBounce);
marker.addListener( 'dragend', function (event)
{
//escribimos las coordenadas de la posicion actual del marcador dentro del input #coords
var latGet = this.getPosition().lat();
var lngGet = this.getPosition().lng();
console.log(this.getPosition().lng());
obtainedCoords(latGet,lngGet);
});
}
//callback al hacer clic en el marcador lo que hace es quitar y poner la animacion BOUNCE
function toggleBounce() {
if (marker.getAnimation() !== null) {
marker.setAnimation(null);
} else {
marker.setAnimation(google.maps.Animation.BOUNCE);
}
}
// Carga de la libreria de google maps
// Funcion para guardar los datos en bd
function obtainedCoords(latGet,lngGet){
var geocoder = new google.maps.Geocoder();
var lat = latGet;
var lng = lngGet;
}
如果您看到类似的示例并可以分享,我将不胜感激
您需要进行反向地理编码。
给
HTTP GET
以下网址结果是:
查看属性:“formatted_address”
要启用此 API,请转到https://developers.google.com/maps/documentation/geocoding/start