Я хочу повернуть GMap, изменив значение угла азимута, чтобы камера вращалась вокруг центральной точки (360-градусный один полный круг). Когда мы меняем азимут, возникает эффект смягчения в начальной и конечной точках камеры. Как я могу контролировать/изменить это, чтобы сделать вращение плавным при изменении значений Bearing
(чтобы повернуть карту на 360 градусов, плавная анимация)?
Требуется это для всех языков, так как кажется, что эффект смягчения отличается в разных языковых библиотеках. например Swift, Android, PHP, JS, Node.js, React.
Пример Swift (работает нормально в Linear Animation):
Обратите внимание, что изначально у анимации были рывки и в iOS, но когда мы использовали CAMediaTimingFunction(name: kCAMediaTimingFunctionLinear
вместе с ее свойствами CATransaction
, анимация 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 (есть проблема):
Пример/пример кода для Android можно найти здесь: https://issuetracker.google.com/issues/71738889
Который также включает файл .apk
, видео .mp4
примера выходных данных приложения. Который ясно показывает рывки при изменении значения Bearing
при вращении карты на 360 градусов.
map.setHeading(<current heading> + <angle of rotation>)
. Дайте мне знать, если это сработает! - person JillevdW   schedule 03.04.2018