[英]geocode reverse
我正在使用以下代码来调用地图并显示。 我想添加该功能以进行反向地址解析并打印出相应的街道地址。 我似乎无法将长/纬度坐标传递给函数。 如何将经纬度坐标转换为街道地址?
function getMyLocation() {
if (navigator.geolocation) {
navigator.geolocation.getCurrentPosition(
displayLocation, displayError, {
enableHighAccuracy: true,
timeout: 9000
});
var watchButton = document.getElementById("watch");
watchButton.onclick = watchLocation;
var clearWatchButton = document.getElementById("clearWatch");
clearWatchButton.onclick = clearWatch;
}
else {
alert("Oops, no geolocation support");
}
}
function displayLocation(position) {
var latitude = position.coords.latitude;
var longitude = position.coords.longitude;
var div = document.getElementById("location");
div.innerHTML = "You are at Latitude: " + latitude + ", Longitude: " + longitude;
div.innerHTML += " (with " + position.coords.accuracy + " meters accuracy)";
var km = computeDistance(position.coords, ourCoords);
var distance = document.getElementById("distance");
distance.innerHTML = "You are " + km + " km from the WickedlySmart HQ";
if (map == null) {
showMap(position.coords);
prevCoords = position.coords;
}
else {
var meters = computeDistance(position.coords, prevCoords) * 1000;
if (meters > 20) {
scrollMapToPosition(position.coords);
prevCoords = position.coords;
}
}
}
除了手表按钮附近的区域外,其余的一切在Chrome浏览器中对我来说都很正常。
您不是要通过file:// URL来执行此操作,对吗?
抱歉。 误解了这个问题。 这是几周前我为一个项目编写的一些代码。 它只是拉邮政编码,但是您可以从中获取地址。 它是为jQuery而编写的。 另外,我正在动态加载Google Maps API。 如果需要,您可以直接加载它。
$(document).ready(function() {
if (navigator.geolocation) {
var script = document.createElement("script");
script.type = 'text/javascript';
script.src = 'http://www.google.com/jsapi?callback=loadMapsAPI';
document.getElementsByTagName('head')[0].appendChild(script);
} else {
console.log('NOTE: Browser does not support geolocation.');
}
});
function loadMapsAPI() {
google.load('maps', '3', {
'other_params': 'sensor=false',
'callback' : mapLoaded
}
);
}
function mapLoaded() {
$('#geolocateButton').css('display','block');
}
function findMyLocation() {
navigator.geolocation.getCurrentPosition(
function(position) {
var latLng = new google.maps.LatLng(
position.coords.latitude,
position.coords.longitude);
var coder = new google.maps.Geocoder();
coder.geocode({ 'latLng': latLng }, fillZipcode);
},
function() {
alert("Could not determine your position.");
}
);
}
function fillZipcode(results, status) {
if (status == google.maps.GeocoderStatus.OK) {
if (results[1]) {
var parts = results[1].address_components;
for(var i = 0; i < parts.length; i++) {
if(parts[i].types[0] == 'postal_code') {
alert('Your Zip Code is: ' + parts[i].short_name);
return;
}
}
} else {
alert("Could not figure out your zip code.");
}
} else {
alert("Geocoder failed due to: " + status);
}
}
如果您想使用其他库,可以在此处查看geous及其jquery插件的最终地理编码/位置示例。
该示例使用setLocation
方法自动填充表单,但您可以轻松地打印位置:
// location geocoded -- print address
var onGeocodeSuccess = function (location) {
console.log(location.toAddress());
}
// location retrieved -- geocode it.
var onUserLocationSuccess = function (location) {
geous.geocode (location, {
reverse: true,
success: onGeocodeSuccess
});
}
// Try and get user location
geous.getUserLocation({
success: onUserLocationSuccess
});
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.