热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

开发笔记:ReactNativeGeolocationWatchposition不会实时更新

篇首语:本文由编程笔记#小编为大家整理,主要介绍了ReactNativeGeolocationWatchposition不会实时更新相关的知识,希望对你有一定的参考价值。

篇首语:本文由编程笔记#小编为大家整理,主要介绍了React Native Geolocation Watchposition不会实时更新相关的知识,希望对你有一定的参考价值。



我正在使用navigator.geolocation.getCurrentPosition()navigator.geolocation.watchPosition()来获取手机的当前位置,然后在移动时实时保持该位置以及速度。进行这些调用后,我使用redux来设置当前位置和速度的状态。

当我在genymotion模拟器中测试它时,它在我更改gps坐标时按计划工作。状态随当前位置更新,并且该信息在屏幕上呈现。

但是,当我构建应用程序以在我的手机上进行测试时,它无法按预期工作。当我第一次打开应用程序时,该位置显示正确。当汽车开始行驶时,位置和速度只会经常更新。

在屏幕上,我有当前位置和当前速度,这是从我填充redux的状态中提取数据。这些数字可能每5-10秒更新一次。

我在应用程序上打开了一张地图,显示/更新了我当前的位置(将其坐标从与我上面指出的“当前位置”和“当前速度”相同的状态拉出)。地图上的当前位置显示我几乎实时移动,每半秒左右更新一次。

对于所有文本感到抱歉,但最大的问题是:如果我的地图和屏幕正在从同一状态中提取数据,为什么地图会实时更新,而不是在其他地方更新?我期望的目的是看到当前位置和速度数几乎每秒都在变化。

以下是我的导航地理定位代码供参考:

navigator.geolocation.getCurrentPosition()

navigator.geolocation.getCurrentPosition((position) => {
const lat = parseFloat(position.coords.latitude);
const lOng= parseFloat(position.coords.longitude);
const initialRegion = {
latitude: lat,
longitude: long,
latitudeDelta: LATITUDE_DELTA,
longitudeDelta: LONGITUDE_DELTA
};
this.props.setCurrentPosition(initialRegion);
},
error => console.log('getCurrentPosition error', JSON.stringify(error)),
{ enableHighAccuracy: true, maximumAge: 0 }
);

navigator.geolocation.watchPosition()

this.watchId = navigator.geolocation.watchPosition(position => {
console.log('watchposition: ', position);
const lat = parseFloat(position.coords.latitude);
const lOng= parseFloat(position.coords.longitude);
const lastRegion = {
latitude: lat,
longitude: long,
longitudeDelta: LONGITUDE_DELTA,
latitudeDelta: LATITUDE_DELTA
};
// convert speed from m/s to mph
const speed = position.coords.speed * 2.23694;
this.props.setCurrentPosition(lastRegion);
this.props.setCurrentSpeed(speed);
},
error => console.log('watchposition error', error),
{ enableHighAccuracy: true, maximumAge: 0 }
);

答案

我无法让watchPosition()始终如一地工作,但最终设置了一个计时器来每隔几秒运行一次getCurrentPosition(),这对我的应用程序来说也是如此。



推荐阅读
  • 本文介绍了如何在React和React Native项目中使用JavaScript进行日期格式化,提供了获取近7天、近半年及近一年日期的具体实现方法。 ... [详细]
  • 在高并发需求的C++项目中,我们最初选择了JsonCpp进行JSON解析和序列化。然而,在处理大数据量时,JsonCpp频繁抛出异常,尤其是在多线程环境下问题更为突出。通过分析发现,旧版本的JsonCpp存在多线程安全性和性能瓶颈。经过评估,我们最终选择了RapidJSON作为替代方案,并实现了显著的性能提升。 ... [详细]
  • 在寻找轻量级Ruby Web框架的过程中,您可能会遇到Sinatra和Ramaze。两者都以简洁、轻便著称,但它们之间存在一些关键区别。本文将探讨这些差异,并提供详细的分析,帮助您做出最佳选择。 ... [详细]
  • 开发笔记:2020 BJDCTF Re encode
    开发笔记:2020 BJDCTF Re encode ... [详细]
  • 云计算的优势与应用场景
    本文详细探讨了云计算为企业和个人带来的多种优势,包括成本节约、安全性提升、灵活性增强等。同时介绍了云计算的五大核心特点,并结合实际案例进行分析。 ... [详细]
  • 对象自省自省在计算机编程领域里,是指在运行时判断一个对象的类型和能力。dir能够返回一个列表,列举了一个对象所拥有的属性和方法。my_list[ ... [详细]
  • 本文回顾了2017年的转型和2018年的收获,分享了几家知名互联网公司提供的工作机会及面试体验。 ... [详细]
  • ElasticSearch 集群监控与优化
    本文详细介绍了如何有效地监控 ElasticSearch 集群,涵盖了关键性能指标、集群健康状况、统计信息以及内存和垃圾回收的监控方法。 ... [详细]
  • 深入剖析JVM垃圾回收机制
    本文详细探讨了Java虚拟机(JVM)中的垃圾回收机制,包括其意义、对象判定方法、引用类型、常见垃圾收集算法以及各种垃圾收集器的特点和工作原理。通过理解这些内容,开发人员可以更好地优化内存管理和程序性能。 ... [详细]
  • 本文探讨了2019年前端技术的发展趋势,包括工具化、配置化和泛前端化等方面,并提供了详细的学习路线和职业规划建议。 ... [详细]
  • 本文探讨了在React项目中实现子组件向父组件传递数据的方法,包括通过回调函数和使用React状态管理工具。 ... [详细]
  • Vue 3.0 翻牌数字组件使用指南
    本文详细介绍了如何在 Vue 3.0 中使用翻牌数字组件,包括其基本设置和高级配置,旨在帮助开发者快速掌握并应用这一动态视觉效果。 ... [详细]
  • 探讨在构建类似Viber或WhatsApp的聊天应用时,如何有效实现客户端(Web、Android、iOS)与服务器之间的连接。本文将分析使用WebSockets标准及其替代方案的优劣。 ... [详细]
  • Kubernetes与Docker cgroup驱动不匹配问题及解决方案
    当Kubernetes (k8s) 的cgroup驱动设置为systemd,而Docker使用的是cgroupfs时,这种不一致性可能导致kubectl命令执行失败。本文将详细介绍如何检查和调整Docker的cgroup驱动以确保与Kubernetes兼容。 ... [详细]
  • 本文详细介绍了Java库中`com.ait.tooling.nativetools.client.collection.NFastArrayList`类的构造函数`()`的使用方法,并提供了多个实际应用中的代码示例,帮助开发者更好地理解和使用这一高效的数据结构。 ... [详细]
author-avatar
城哥_1986
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有