当前位置:首页 > 技术分析 > 正文内容

移动端开发时获取当前定位的几种方式

ruisui8816小时前技术分析3

在移动端开发中,获取当前定位是一个常见的需求。在不同的移动操作系统上,获取定位的方式也是不一样的。下面将详细介绍在Android、iOS、H5和使用uni-app框架下获取定位的方法,同时,也提供了在uni-app开发时常用的几种方法。

Android平台

在Android平台上,获取定位一般使用的是Android系统自带的定位服务。定位服务需要使用Google Play服务的定位API(Google Play services location API)来实现。通过该API,可以获取到GPS、WIFI和蜂窝网络三种定位方式的信息。

步骤:

1. 导入Google Play services包

在Android Studio中选中项目,点击"File" -> "Project Structure",在弹出的对话框中,选择"app",然后点击"Dependencies"选项卡,点击右上角的"+"按钮,选择"Library dependency",在搜索框中输入"play-services-location",选择"
com.google.android.gms:play-services-location",然后点击"OK"按钮。

2. 添加权限

在AndroidManifest.xml文件中添加以下权限:

<uses-permission android:name="android.permission.ACCESS_COARSE_LOCATION"/>
<uses-permission android:name="android.permission.ACCESS_FINE_LOCATION"/>
<uses-permission android:name="android.permission.INTERNET"/>

3. 实现获取定位

使用Google Play services location API获取定位需要先创建LocationClient对象和LocationListener对象,然后注册LocationListener对象,即可获取定位更新。定位更新可以通过
LocationListener.onLocationChanged()方法获取。

代码示例:

public class MainActivity extends AppCompatActivity implements LocationListener {
    private GoogleApiClient mGoogleApiClient;
    private LocationRequest mLocationRequest;
     @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
         //创建GoogleApiClient对象,以连接Google Play Services
        mGoogleApiClient = new GoogleApiClient.Builder(this)
            .addConnectionCallbacks(this)
            .addOnConnectionFailedListener(this)
            .addApi(LocationServices.API)
            .build();
        //创建LocationRequest对象,配置定位请求参数
        mLocationRequest = new LocationRequest()
            .setPriority(LocationRequest.PRIORITY_HIGH_ACCURACY)
            .setInterval(10000)
            .setFastestInterval(5000);
    }
     //连接Google Play Services成功后回调
    @Override
    public void onConnected(Bundle bundle) {
        //请求定位更新
        LocationServices.FusedLocationApi.requestLocationUpdates(mGoogleApiClient, mLocationRequest, this);
    }
     //定位更新回调
    @Override
    public void onLocationChanged(Location location) {
        //获取定位信息
        double latitude = location.getLatitude();
        double longitude = location.getLongitude();
        ...
    }
     ...
}

iOS平台

在iOS平台上,获取定位一般使用的是Core Location框架。Core Location框架提供了一种叫做CLLocationManager的类,可以用来获取定位信息。

步骤:

1. 添加Core Location框架

在Xcode中,选中项目,在"General"选项卡中,找到"Linked Frameworks and Libraries",点击"+"号添加Core Location框架。

2. 添加权限

在Info.plist文件中添加以下权限:

<key>NSLocationWhenInUseUsageDescription</key>
<string>需要获取您的位置信息</string>

3. 实现获取定位

使用CLLocationManager类获取定位需要先创建CLLocationManager对象,然后设置代理并开始获取定位更新。定位更新可以通过CLLocationManagerDelegate的locationManager(_:didUpdateLocations:)方法获取。

代码示例:

class ViewController: UIViewController, CLLocationManagerDelegate {
    let locationManager = CLLocationManager()
     override func viewDidLoad() {
        super.viewDidLoad()
         //请求获取定位权限
        locationManager.requestWhenInUseAuthorization()
        //设置定位信息精度
        locationManager.desiredAccuracy = kCLLocationAccuracyBest
        //设置代理
        locationManager.delegate = self
        //开始获取定位信息
        locationManager.startUpdatingLocation()
    }
     //定位更新回调
    func locationManager(_ manager: CLLocationManager, didUpdateLocations locations: [CLLocation]) {
        if let location = locations.first {
            //获取定位信息
            let latitude = location.coordinate.latitude
            let longitude = location.coordinate.longitude
            ...
        }
    }
}

H5环境

在H5环境中,可以使用浏览器提供的Geolocation API获取定位信息。Geolocation API可以通过调用
navigator.geolocation.watchPosition()或
navigator.geolocation.getCurrentPosition()方法获取定位信息。

步骤:

1. 请求用户授权

在H5环境下,获取定位信息需要获取用户授权。可以通过调用
navigator.geolocation.requestAuthorization()方法来请求用户授权。

2. 实现获取定位

使用Geolocation API获取定位信息需要调用
navigator.geolocation.watchPosition()或
navigator.geolocation.getCurrentPosition()方法。watchPosition()方法会持续获取定位更新,而getCurrentPosition()方法只会获取一次定位信息。

代码示例:

navigator.geolocation.getCurrentPosition(
    function(position) {
        //获取定位信息
        var latitude = position.coords.latitude;
        var longitude = position.coords.longitude;
        ...
    },
    function(error) {
        console.error(error);
    }
);

uni-app

如果使用了uni-app开发框架,获取定位的方式就相对简单了,以下列出常用三种方式:

1.使用uni-app所提供的定位组件

uni-app提供了一个uni.getLocation方法,可以获取当前设备的经纬度信息。在使用此方法前,需要先在manifest.json中配置权限:

{ 
    "permissions": { 
        "scope.userLocation": { 
            "desc": "获取当前位置,用于xxx业务" 
        } 
    } 
} 


具体代码如下:

uni.getLocation({ 
    type: 'wgs84', //返回gps坐标,gcj02为国测局坐标 
    success: function (res) { 
        console.log(res.longitude); 
        console.log(res.latitude); 
    } 
}); 


2.使用H5原生API

在H5环境下,可以使用原生API来获取当前位置信息。

具体代码如下:

navigator.geolocation.getCurrentPosition(function(position){ 
    console.log(position.coords.longitude); 
    console.log(position.coords.latitude); 
},function(error){ 
    console.log(error); 
}); 


需要注意的是,在使用该方法前,需要先在manifest.json中配置权限。

3.使用第三方定位SDK

如果需要使用更为准确的定位服务,可以考虑使用第三方的定位SDK,如高德定位SDK、百度定位SDK等。这些SDK一般都提供了比较完善的接口和文档。

以高德定位SDK为例,需要在manifest.json中配置key:

{ 
    "apiKey":"在此处填写高德key" 
} 


然后,调用API即可获取当前位置信息。代码如下:

uni.getLocation({ 
    provider: 'amap', 
    success: function (res) { 
        console.log(res.longitude); 
        console.log(res.latitude); 
    } 
}); 

其中,前两种方式比较简单,适用于一般的定位需求;而第三种方式则可以提供更为准确的定位服务,但需要接入第三方SDK,增加一定的开发成本。在选择时,可以根据实际需求进行选择。

总结

以上便是在不同的运行环境下获取定位信息的方式,在开发过程中需要根据实际情况选择合适的方法。在使用这些方法获取定位信息时,也需要注意用户隐私,及时请求用户授权,并在不必要的时候停止获取定位更新,以保护用户隐私。

扫描二维码推送至手机访问。

版权声明:本文由ruisui88发布,如需转载请注明出处。

本文链接:http://www.ruisui88.com/post/3776.html

分享给朋友:

“移动端开发时获取当前定位的几种方式” 的相关文章

如何在 Linux 发行版中安装微信和 QQ?

很多人因为工作沟通的原因需要用到微信和 QQ,那么如何在 Linux 发行版中安装微信和 QQ 呢?以下是一些尝试的解决方法。QQ上一个版本的 QQ Linux 版还是在2009年,而在现在,基于 NT 架构的全新 QQ Linux版已经被正式推出,为所有用户提供下载。新版本提供了deb、rpm、A...

学无止境:Git 如何优雅地回退代码

来源:https://zhenbianshu.github.io前言从接触编程就开始使用 Git 进行代码管理,先是自己玩 Github,又在工作中使用 Gitlab,虽然使用时间挺长,可是也只进行一些常用操作,如推拉代码、提交、合并等,更复杂的操作没有使用过,看过的教程也逐渐淡忘了,有些对不起 L...

GitLab-合并请求

描述合并请求可用于在您对项目进行的其他人员之间交换代码,并轻松与他们讨论更改。合并请求的步骤步骤1-在创建新的合并请求之前,GitLab中应该有一个创建的分支。您可以参考本章来创建分支-步骤2-登录到您的GitLab帐户,然后转到“ 项目”部分下的项目 -步骤3-单击“ 合并请求”选项卡,然后单击“...

三维家-系统快捷键使用

快键件使用:通过简单的键盘+鼠标操作,快速完成搭配。1.基础快捷键1) Ctrl+V:复制选中对象第一步:鼠标左击物体,按下Ctrl+V 即可复制选中对象。2) Ctrl+G:组合多选对象第一步:按住Ctrl键多选对象--按住Ctrl+G--确定。3) Ctrl+B:解组选中对象第一步:左击选中对象...

Ruoyi-vue第五十二章:Uniapp小程序配置tabbar底部导航栏

一、功能实现效果如下图底部的tabbar二、uniapp的tabBar如果应用是一个多 tab 应用,可以通过 tabBar 配置项指定一级导航栏,以及 tab 切换时显示的对应页。在 pages.json 中提供 tabBar 配置,不仅仅是为了方便快速开发导航,更重要的是在App和小程序端提升性...

企业微信自建应用和消息发送配置对接系统指南

本文介绍企业微信应用创建、消息提醒、自动回复、自定义菜单和服务端接口对接过程。企业微信登录:https://work.weixin.qq.com/企业微信接口对接,应用授权和发送消息代码:https://www.easywechat.com/docs/5.x/wework/oauth一、创建自建应用...