使用Javascript进行地理定位,无需任何地图

时间:2013-01-10 18:49:49

标签: javascript geolocation

我正在尝试使用javascript进行地理定位。我一直在搜索,但我只能找到使用地图的例子。我只想在标签,文本框或任何纯文本小部件中显示用户的地址。

5 个答案:

答案 0 :(得分:3)

结帐this example

function getLocation() {
    if (navigator.geolocation) {
        navigator.geolocation.getCurrentPosition(showPosition);
    }
}

function showPosition(position) {
    alert(position.coords.latitude + ", " + position.coords.longitude;
}

答案 1 :(得分:3)

<script src="http://j.maxmind.com/app/geoip.js"></script>
<script src="http://maps.google.com/maps/api/js?sensor=false"></script>
<script type="text/javascript" >
window.onload=getGeo;

function getGeo(){
    if (navigator && navigator.geolocation) {
        navigator.geolocation.getCurrentPosition(geoOK, geoKO);
    } else {
        geoMaxmind();
    }
}

function geoOK(position) {
     showLatLong(position.coords.latitude, position.coords.longitude);
}
function geoMaxmind() {
     showLatLong(geoip_latitude(), geoip_longitude());
}

function geoKO(err) {
if (err.code == 1) {
error('El usuario ha denegado el permiso para obtener informacion de ubicacion.');
} else if (err.code == 2) {
error('Tu ubicacion no se puede determinar.');
} else if (err.code == 3) {
error('TimeOut.')
} else {
error('No sabemos que pasó pero ocurrio un error.');
}
}

function showLatLong(lat, longi) {
var geocoder = new google.maps.Geocoder();
var yourLocation = new google.maps.LatLng(lat, longi);
geocoder.geocode({ 'latLng': yourLocation },processGeocoder);

}
function processGeocoder(results, status){

if (status == google.maps.GeocoderStatus.OK) {
if (results[0]) {
document.forms[0].dir.value=results[0].formatted_address;
document.getElementById("")
} else {
error('Google no retorno resultado alguno.');
}
} else {
error("Geocoding fallo debido a : " + status);
}
}
function error(msg) {
alert(msg);
}
</script>

<form align="left">
        <input type="text" name="dir" />
</form>

答案 2 :(得分:1)

查看HTML5地理位置API:http://diveintohtml5.info/geolocation.html

这很简单:

navigator.geolocation.getCurrentPosition(function(location) {
    // This function is called if the location is found. Use location.coords.latitude & location.coords.longitude
}, function() {
    // This function is called if the location is not found.
});

但并非所有浏览器都支持它。如果你公开这个,我还建议使用Modernizr来检测支持:http://modernizr.com

答案 3 :(得分:0)

您可以使用geoplugin

将以下内容添加到您的<head>代码中。

<script  src="http://www.geoplugin.net/javascript.gp" type="text/javascript"></script>

这将根据您的IP address确定位置。

在您的javascript中,您可以致电

latitude = geoplugin_latitude();
longitude = geoplugin_longitude();

答案 4 :(得分:0)

试试这个:

 <script src="http://www.merkwelt.com/people/stan/geo_js/js/geo.js?id=1" type="text/javascript" charset="utf-8"></script>
     <script type="text/javascript">
         if (geo_position_js.init()) {
             geo_position_js.getCurrentPosition(success_callback, error_callback, { enableHighAccuracy: true });
         }
         else {
             alert("Functionality not available");
         }

         function success_callback(p) {
             //alert('lat=' + p.coords.latitude.toFixed(2) + ';lon=' + p.coords.longitude.toFixed(2));
             longitude = p.coords.longitude.toFixed(2);
             latitude = p.coords.latitude.toFixed(2);
         }

         function error_callback(p) {
             alert('error=' + p.code);
         }
</script>

然后从经度和纬度,您可以使用谷歌api获取位置: http://maps.googleapis.com/maps/api/geocode/json?latlng=33.84,35.52&sensor=false