React Native Maps - 标记从一个坐标到另一个坐标的平滑移动答案

【问题标题】：React Native Maps - Smooth Movement of Marker from one coordinate to anotherReact Native Maps - 标记从一个坐标到另一个坐标的平滑移动
【发布时间】：2017-11-18 15:37:14
【问题描述】：

我正在使用 RN 0.50.1 制作一个跟踪应用程序，并使用 react-native-maps 在 MapView.Marker“图像”道具上使用自定义图像在地图上显示用户位置。

位置很好，跟踪也很好，但问题是标记在经纬度变化时从一个坐标跳到另一个坐标。尝试使用 MapView.AnimatedRegion 设置状态并使用计时方法更新坐标，但没有运气。也使用了https://github.com/airbnb/react-native-maps/blob/master/example/examples/AnimatedMarkers.js 示例，但仍然没有解释使用 Animated.Region 的运气，但它给了我错误 Animated.Region 不是构造函数。

我需要在经纬度变化时平滑移动标记。

我的 Package.JSON 文件 -

{
"name": "XXXX",
"version": "0.0.1",
"private": true,
"scripts": {
    "start": "node node_modules/react-native/local-cli/cli.js start",
    "test": "jest"
},
"dependencies": {
    "firebase": "^4.6.1",
    "lottie-react-native": "^2.2.7",
    "moment": "^2.19.1",
    "react": "^16.0.0",
    "react-native": "0.50.1",
    "react-native-android-permissions": "^1.0.0",
    "react-native-code-push": "^5.1.3-beta",
    "react-native-maps": "^0.17.1",
    "react-native-responsive-dimensions": "^1.0.1",
    "react-native-router-flux": "^4.0.0-beta.22",
    "react-native-simple-toast": "0.0.7",
    "react-native-vector-icons": "^4.4.2"
},
"devDependencies": {
    "babel-jest": "21.2.0",
    "babel-preset-react-native": "4.0.0",
    "jest": "21.2.1",
    "react-test-renderer": "16.0.0"
},
"jest": {
    "preset": "react-native"
}

}

任何帮助表示赞赏。请。

【问题讨论】：

标签： android react-native react-native-android react-native-maps

【解决方案1】：

我想你想看看MapView methods（例如animateToCoordinates）。

【讨论】：