html5实现获取地理位置信息并定位
程序员文章站
2022-03-18 20:17:22
...
function getLocation(){
if (navigator.geolocation){
navigator.geolocation.getCurrentPosition(showPosition,showError);
}else{
alert("浏览器不支持地理定位。");
}
}
//获取用户地理位置失败时的一些错误代码处理方式
function showError(error){
switch(error.code) {
case error.PERMISSION_DENIED:
alert("定位失败,用户拒绝请求地理定位");
break;
case error.POSITION_UNAVAILABLE:
alert("定位失败,位置信息是不可用");
break;
case error.TIMEOUT:
alert("定位失败,请求获取用户位置超时");
break;
case error.UNKNOWN_ERROR:
alert("定位失败,定位系统失效");
break;
}
}
function showPosition(position){
var lat = position.coords.latitude; //纬度
var lag = position.coords.longitude; //经度
//alert('纬度:'+lat+',经度:'+lag);
//调用谷歌地图
//google
var url = 'http://maps.google.cn/maps/api/geocode/json?latlng='+latlon+'&language=CN';
$.ajax({
type: "GET",
url: url,
beforeSend: function(){
$("#google_geo").html('正在定位...');
},
success: function (json) {
if(json.status=='OK'){
var results = json.results;
$.each(results,function(index,array){
if(index==0){
$("#google_geo").html(array['formatted_address']);
}
});
}
},
error: function (XMLHttpRequest, textStatus, errorThrown) {
$("#google_geo").html(latlon+"地址位置获取失败");
}
});
}
上一篇: CSS实现loading动画
下一篇: swiper的使用
推荐阅读
-
php使用ffmpeg获取视频信息并截图的实现方法
-
利用HTML5中Geolocation获取地理位置调用Google Map API在Google Map上定位
-
HTML5实现获取地理位置信息并定位功能
-
利用HTML5中Geolocation获取地理位置调用Google Map API在Google Map上定位
-
Html5 Geolocation获取地理位置信息实例
-
PHP实现获取客户端IP并获取IP信息
-
jquery通过AJAX从后台获取信息并显示在表格上的实现类
-
Android 集成 google 登录并获取性别等隐私信息的实现代码
-
微信小程序城市定位的实现实例(获取当前所在国家城市信息)
-
HTML5实现获取地理位置信息并定位功能