javascript - 如何在 React native 应用程序和网站中实现位置的实时跟踪?

标签 javascript google-maps react-native real-time

<分区>

我有一个电子商务网站和电子商务应用程序。我们销售不同的产品。我想做的是像 Uber 或 grab 应用程序,可以跟踪前往我所在位置的出租车的实时位置。

所以在我的应用程序中,每次送货员将产品交付给客户时,送货员都会看到他目的地的确切位置和方向。与客户一样,他/她可以看到送货员的确切位置。是否可以在 React native 应用程序和网站中执行?

最佳答案

现在这实际上要容易得多,仅使用 react-native-maps,通过利用 watchPosition 观察器:

navigator.geolocation.watchPosition(
 position => {
  console.log(position);
  const { latitude, longitude } = position.coords;
  this.setState({ latitude,longitude
 }, 
 error => console.log(error),
 { 
   enableHighAccuracy: true,
   timeout: 20000,
   maximumAge: 1000,
   distanceFilter: 10
 }
);

这里有一个关于如何实现 location tracking in React Native 的非常详细的教程.

关于javascript - 如何在 React native 应用程序和网站中实现位置的实时跟踪?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/52667339/

相关文章:

android - 谷歌地图 v2 热图人口

javascript - Google map - 数据驱动样式 - 要素图层中缺少国家/地区

javascript - React Native - 为什么我的图像按钮在 Android 上闪烁?

ios - React Native ios构建成功,但应用程序包的路径错误

javascript - 与 firebase onDisconnect react native

javascript - AWS Cloudwatch 获取警报名称

javascript - 如何将 JSON(在订阅中)分配给 Angular 变量

javascript - 从数据创建 TreeView

javascript - 按值而非引用将日期插入数组

android - SHA1 证书指纹