码迷,mamicode.com
首页 > 其他好文 > 详细

h5 获取定位

时间:2017-08-29 13:02:55      阅读:226      评论:0      收藏:0      [点我收藏+]

标签:ase   cal   map   blog   css   用户   定位   ddr   mission   

h5 获取地理位 -模糊

<script src="http://int.dpool.sina.com.cn/iplookup/iplookup.php?format=js"></script>
<script>
    var city = remote_ip_info[city];
    alert(city);
</script>


h5 获取地理位 -谷歌精准地位  需要客户允许定位

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
</head>

<body>
<div id="google_geo"></div>
<script src="https://cdn.bootcss.com/jquery/2.1.1/jquery.min.js"></script>

<script>
getLocation();
function getLocation(){ 
if (navigator.geolocation){ 
navigator.geolocation.getCurrentPosition(showPosition,showError); 
}else{ 
alert("浏览器不支持地理定位。"); 
} 
} 
/*

function showPosition(position){ 
var lat = position.coords.latitude; //纬度 
var lag = position.coords.longitude; //经度 
alert(‘纬度:‘+lat+‘,经度:‘+lag); 
} 



*/    




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 latlon = position.coords.latitude+,+position.coords.longitude; 

//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){ 
    if(array[formatted_address].indexOf("淄博市")>=0) {
         alert("淄博的");
    }else{
        alert("其他地区的");
    }
   $("#google_geo").html(array[formatted_address]); 
} 
}); 
} 
}, 
error: function (XMLHttpRequest, textStatus, errorThrown) { 
$("#google_geo").html(latlon+"地址位置获取失败"); 
} 
}); 
}     
    
</script>
</body>
</html>


百度精确定位


function showPosition(position){ 
var latlon = position.coords.latitude+‘,‘+position.coords.longitude; 

//baidu 
var url = "<a href="http://api.map.baidu.com/geocoder/v2/?ak=C93b5178d7a8ebdb830b9b557abce78b&callback=renderReverse&location="+latlon+"&output=json&pois=0">http://api.map.baidu.com/geocoder/v2/?ak=C93b5178d7a8ebdb830b9b557abce78b&callback=renderReverse&location="+latlon+"&output=json&pois=0</a>"; 
$.ajax({ 
type: "GET", 
dataType: "jsonp", 
url: url, 
beforeSend: function(){ 
$("#baidu_geo").html(‘正在定位...‘); 
}, 
success: function (json) { 
if(json.status==0){ 
$("#baidu_geo").html(json.result.formatted_address); 
} 
}, 
error: function (XMLHttpRequest, textStatus, errorThrown) { 
$("#baidu_geo").html(latlon+"地址位置获取失败"); 
} 
}); 
}); 

 

h5 获取定位

标签:ase   cal   map   blog   css   用户   定位   ddr   mission   

原文地址:http://www.cnblogs.com/benpaodegegen/p/7447311.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!