- 离子基础教程
- 离子 - 主页
- 离子 - 概述
- Ionic - 环境设置
- Ionic CSS 组件
- 离子 - 颜色
- 离子 - 内容
- 离子 - 标头
- 离子 - 页脚
- 离子 - 按钮
- Ionic - 列表
- 离子 - 卡片
- 离子 - 形式
- 离子 - 切换
- Ionic - 复选框
- Ionic - 单选按钮
- 离子 - 范围
- 离子 - 选择
- Ionic - 选项卡
- 离子 - 网格
- 离子 - 图标
- 离子 - 填充
- Ionic JavaScript 组件
- Ionic - JS 操作表
- Ionic - JS 背景
- Ionic - JS 内容
- Ionic - JS 表单
- Ionic - JS 事件
- Ionic - JS 标头
- Ionic - JS 页脚
- Ionic - JS 键盘
- Ionic - JS 列表
- Ionic - JS 加载
- Ionic - JS 模态
- Ionic - JS 导航
- Ionic - JS 弹出窗口
- Ionic - JS 弹出窗口
- Ionic - JS 滚动
- Ionic - JS 侧边菜单
- Ionic - JS 幻灯片盒
- Ionic - JS 选项卡
- 离子先进概念
- Ionic - Cordova 集成
- 离子 - AdMob
- 离子 - 相机
- 离子 - Facebook
- Ionic - 在应用程序浏览器中
- Ionic - 原生音频
- 离子 - 地理定位
- 离子 - 媒体
- Ionic - 启动画面
- 离子有用资源
- 离子 - 快速指南
- 离子 - 有用的资源
- 离子 - 讨论
Ionic - 科尔多瓦地理定位
该插件用于向 Ionic 应用程序添加地理定位插件。
使用地理定位
有一种使用地理定位插件的简单方法。我们需要从命令提示符窗口安装这个插件。
C:\Users\Username\Desktop\MyApp>cordova plugin add cordova-plugin-geolocation
以下控制器代码使用两种方法。第一个是getCurrentPosition方法,它将向我们显示用户设备的当前纬度和经度。第二个是watchCurrentPosition方法,当位置更改时,该方法将返回设备的当前位置。
控制器代码
.controller('MyCtrl', function($scope, $cordovaGeolocation) { var posOptions = {timeout: 10000, enableHighAccuracy: false}; $cordovaGeolocation .getCurrentPosition(posOptions) .then(function (position) { var lat = position.coords.latitude var long = position.coords.longitude console.log(lat + ' ' + long) }, function(err) { console.log(err) }); var watchOptions = {timeout : 3000, enableHighAccuracy: false}; var watch = $cordovaGeolocation.watchPosition(watchOptions); watch.then( null, function(err) { console.log(err) }, function(position) { var lat = position.coords.latitude var long = position.coords.longitude console.log(lat + '' + long) } ); watch.clearWatch(); })
您可能还注意到了posOptions和watchOptions对象。我们使用超时来调整允许通过的最大时间长度(以毫秒为单位),并将enableHighAccuracy设置为 false。可以将其设置为true以获得最佳结果,但有时可能会导致一些错误。还有一个MaximumAge选项可用于显示如何接受旧职位。它使用毫秒,与超时选项相同。
当我们启动应用程序并打开控制台时,它将记录设备的纬度和经度。当我们的位置改变时,纬度和经度值也会改变。