- Ionic 基础教程
- Ionic - 首页
- Ionic - 概述
- Ionic - 环境搭建
- Ionic CSS 组件
- Ionic - 颜色
- Ionic - 内容
- Ionic - 页眉
- Ionic - 页脚
- Ionic - 按钮
- Ionic - 列表
- Ionic - 卡片
- Ionic - 表单
- Ionic - 开关
- Ionic - 复选框
- Ionic - 单选按钮
- Ionic - 范围选择器
- Ionic - 选择器
- 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 高级概念
- Ionic - Cordova 集成
- Ionic - AdMob
- Ionic - 摄像头
- Ionic - Facebook
- Ionic - 应用内浏览器
- Ionic - 原生音频
- Ionic - 地理位置
- Ionic - 媒体
- Ionic - 闪屏
- Ionic 有用资源
- Ionic - 快速指南
- Ionic - 有用资源
- Ionic - 讨论
Ionic - Cordova 地理位置
此插件用于向 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` 对象。我们使用 `timeout` 来调整允许经过的最大时间(以毫秒为单位),并将 `enableHighAccuracy` 设置为 false。可以将其设置为 `true` 以获得最佳结果,但有时可能会导致一些错误。还有一个 `maximumAge` 选项,可以用来显示接受旧位置的程度。它使用毫秒,与 timeout 选项相同。
当我们启动应用程序并打开控制台时,它将记录设备的纬度和经度。当我们的位置改变时,`lat` 和 `long` 值将发生变化。
广告