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

Question

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

所以在我的应用程序中，每次送货员将产品交付给客户时，送货员都会看到他目的地的确切位置和方向。和顾客一样，he/she可以看到送货员的准确位置。是否可以在 React 本机应用程序和网站中执行？

Answer 1

是的，这是可能的。你必须看看 react-native-maps 还有 react-native-bridge 用于 gps 跟踪。您应该查看 jscoach，在那里您可以搜索满足您需求的软件包。

Answer 2

现在这实际上要容易得多，仅使用 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。

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

How to implement real-time tracking of location in React native app and in website?

javascript

google-maps

real-time

react-native