h5 获取定位

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+"地址位置获取失败");
}
});
}); 
时间: 2024-08-13 11:35:57

h5 获取定位的相关文章

混合元素app的H5元素定位

问题思考 在混合开发的App中,经常会有内嵌的H5页面.那么这些H5页面元素该如何进行定位操作呢? 解决思路 针对这种场景直接使用前面所讲的方法来进行定位是行不通的,因为前面的都是基于Andriod原生控件进行元素定位,而Web网页是单独的B/S架构,两者的运行环境不同因此需要进行上下文(context)切换,然后对H5页面元素进行定位操作. context 简介 Context的中文翻译为:语境; 上下文; 背景; 环境,在开发中我们经常说"上下文",那么这个"上下文&qu

多个ul中第一个li获取定位

多个ul中第一个li获取定位 如果我们只是获取一个ul中的第一个li的话,那么我们可以这样写: $("ul li:first"); $("ul li").eq(0); $("ul li").first(); $("ul li").slice(0,1);//slice第一个参数表示的选取开始的位置,第二个参数是结束的位置 <ul> <li>安哲</li> <li>安哲</li

android使用百度地图SDK获取定位信息

本文使用Android Studio开发. 获取定位信息相对简单,我们只需要如下几步: 第一步,注册百度账号,在百度地图开放平台新建应用.生成API_KEY.这些就不细说了,请前往这里:http://lbsyun.baidu.com/index.php?title=android-locsdk/guide/key 第二步,下载sdk,地址:http://lbsyun.baidu.com/index.php?title=android-locsdk/geosdk-android-download

获取定位信息

获取了LocationManager对象之后,接下来就可通过指定LocationProvider获取定位信息. 下面程序示范了如何通过手机实时地获取定位信息,包括用户所在的经度.纬度.高度.方向.移动速度等. import android.location.Location;import android.location.LocationListener;import android.location.LocationManager;import android.os.Bundle;import

Android获取定位权限,获取设备所在的经纬度

转载请标明出处:http://www.cnblogs.com/tangZH/p/8969898.html  前言: 有时候我们仅仅是想要获取设备所在的经纬度,那么直接调用Android相关的api就可以了,不需要去接入高德地图或者谷歌地图等等. 一.获取定位服务 private LocationManager locationManager; locationManager = (LocationManager) mContext.getSystemService(Context.LOCATIO

微信小程序开发如何获取定位信息

当我们在使用微信小程序时,会弹出一个获取你的定位信息.那么这个功能是怎样实现的,下面木鱼小铺(https://www.muyu007.cn)就和大家科普一下微信小程序开发如何获取定位信息? 我们一般通过调用wx.getLocation()获取当前的地理位置,为了能够获得准确的定位信息,我们还需要借助第三方地图服务API来实现.比如腾讯地图或百度地图. 下面我们就以借助腾讯地图为例,看看如何获取定位信息. 第一步:你需要去腾讯地图平台上注册一个账号,在管理后台中创建密钥. 第二步:登录进入有一个界

微信获取定位_工作记录

1,微信获取定位第一步要,调用微信接口. wx.getLocation({ type: 'gcj02', success: function (res) {} }); 微信只能获取经纬度. 2,如果需要汉字定位,那就需要调用百度的接口.用经纬度转换为百度的api对象,之后可以拿到汉字经纬度. <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=C....."

获取定位,苹果IOS10以上不支持h5的geolocation获取不到地理位置信息解决办法

今天开发应用,获取地理位置,最先采用H5的Geolocation的方法来获取地理位置,经过测试发现安卓的机子可以,但是IOS的就是不行,一查资料才知道:10.0苹果版本需要协议为https的才可以获取到地理定位. 而后为了解决此问题,改用百度MAP来获取,具体步骤和代码如下: 1. 打开http://lbsyun.baidu.com/百度地图开放平台 2. 开发-->javascriptApi,点击获取密钥,注册获取密钥 3. 最后上完整代码 <!DOCTYPE html> <ht

利用H5构建地图和获取定位地点

地图与地理定位 定位在大部分项目中都需要实现,如何实现主要有如下的几种方法 H5定位 在HTML5中navigator有很强大的功能,其中就有定位的方法 navigator.geolocation.getCurrentPosition(function showPosition(position){ lat=position.coords.latitude; lon=position.coords.longitude; console.log(lat,lon) },function(err){