平滑运动中的GMap轴承旋转(更改轴承值时避免抖动效应)
平滑运动中的GMap轴承旋转(更改轴承值时避免抖动效应)
提问于 2018-01-06 10:29:58
我想通过更改方位角值来旋转GMap，这样相机就可以围绕中心点旋转(360度一整圆)。当我们改变方向角时，在相机的起始点和结束点有一个缓动效果。我如何控制/更改它，以便在更改Bearing值时使旋转平滑(以便在360度中旋转贴图，平滑动画)？
这对于所有语言都是必需的，因为在不同的语言库中，缓解效果似乎是不同的。例如: Swift、安卓、PHP、JS、Node.js、React。
Swift示例(在线性动画中运行正常)：
请注意，最初动画在iOS中也有抖动，但当我们在其CATransaction属性中使用CAMediaTimingFunction(name: kCAMediaTimingFunctionLinear时，GMap动画变成了平滑动画。因此，现在如果您看到下面的代码，Bearing值中的更改不会创建抖动效果(由于GMap动画中的缓动效果)。我正在寻找适用于Android和Web的解决方案。
//Move the map around current location, first loop
let timingFunction = CAMediaTimingFunction(name: kCAMediaTimingFunctionLinear)
CATransaction.begin()
CATransaction.setValue(3.0, forKey: kCATransactionAnimationDuration)
CATransaction.setAnimationTimingFunction(timingFunction)
CATransaction.setCompletionBlock({
//Move the map around current location, second loop
let timingFunction = CAMediaTimingFunction(name: kCAMediaTimingFunctionLinear)
CATransaction.begin()
CATransaction.setValue(3.0, forKey: kCATransactionAnimationDuration)
CATransaction.setAnimationTimingFunction(timingFunction)
CATransaction.setCompletionBlock({
//Move the map around current location, third loop
let timingFunction = CAMediaTimingFunction(name: kCAMediaTimingFunctionLinear)
CATransaction.begin()
CATransaction.setValue(3.0, forKey: kCATransactionAnimationDuration)
CATransaction.setAnimationTimingFunction(timingFunction)
CATransaction.setCompletionBlock({
UIView.animate(withDuration: 0.5, animations: {
self.findingYourLocation.alpha = 0.0
})
//TODO: Set nearest branch
// Zoom in one zoom level
let zoomCamera = GMSCameraUpdate.zoomIn()
self.mapView.animate(with: zoomCamera)
// Center the camera on UBL Branch when animation finished
//let nearestBranch = CLLocationCoordinate2D(latitude: 24.850751, longitude: 67.016589)
let nearestBranch = CLLocationCoordinate2D.init(latitude: 24.806849, longitude: 67.038734)
let nearestBranchCam = GMSCameraUpdate.setTarget(nearestBranch)
CATransaction.begin()
let timingFunction = CAMediaTimingFunction(name: kCAMediaTimingFunctionEaseInEaseOut)
CATransaction.setValue(3.0, forKey: kCATransactionAnimationDuration)
CATransaction.setAnimationTimingFunction(timingFunction)
CATransaction.setCompletionBlock({
self.nextButton.alpha = 1.0
})
self.mapView.animate(with: nearestBranchCam)
self.mapView.animate(toZoom: 15)
self.mapView.animate(toBearing: 0)
self.mapView.animate(toViewingAngle: 0)
CATransaction.commit()
})
self.mapView.animate(toBearing: self.mapView.camera.bearing + 120)
CATransaction.commit()
})
self.mapView.animate(toBearing: self.mapView.camera.bearing + 120)
CATransaction.commit()
})
self.mapView.animate(toBearing: self.mapView.camera.bearing + 120)
CATransaction.commit()安卓示例代码(有问题)：
可以在这里找到Android示例/示例代码：https://issuetracker.google.com/issues/71738889
其中还包括一个.apk文件，一个示例应用程序输出的.mp4视频。在以360度旋转贴图时，当Bearing值更改时，可以清楚地显示抖动效果。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/48123738
复制相关文章
相似问题