Kamera yolu animasyonları ekleme

Platform seçin: Android iOS

Kullanıcılarınıza daha etkileyici bir deneyim sunmak için 3D haritanıza kamera yolu animasyonları ekleyebilirsiniz. Kamera yolu animasyonlarıyla haritadaki bir noktaya uçabilir veya bu noktanın etrafında uçabilirsiniz.

Git

Aşağıdaki kod örneğinde, flyCameraTo yöntemi çağrılarak kameranın 3D haritadaki belirli bir noktaya uçması için nasıl animasyon oluşturulacağı gösterilmektedir. Bu kod örneğini kullanmak için Android Studio projenizi temel bir 3D harita ile ayarlamak üzere Kurulum ve Uygulamanıza 3D harita ekleme bölümündeki talimatları uygulayın. Ardından, MainActivity.kt dosyasına aşağıdaki kodu ekleyin: 

// Add imports and define constants
import com.google.android.gms.maps3d.model.latLngAltitude
const val EMPIRE_STATE_BUILDING_LATITUDE = 40.748233
const val EMPIRE_STATE_BUILDING_LONGITUDE = -73.985663

...
  
// Add to the onMap3DViewReady method, after the googleMap3D object has been initialized
googleMap3D.flyCameraTo(
    flyToOptions {
        endCamera = camera {
            center = latLngAltitude {
                latitude = EMPIRE_STATE_BUILDING_LATITUDE
                longitude = EMPIRE_STATE_BUILDING_LONGITUDE
                altitude = 212.0 // in meters
            }
            heading = 34.0 // bearing in degrees
            tilt = 67.0 // relative to vertical
            range = 750.0 // distance away from the focal point in meters
            roll = 0.0 // roll relative to horizontal
        }
        durationInMillis = 2_000
    }
)

Uçma

Aşağıdaki kod örneğinde, flyCameraAround yöntemini çağırarak kameranın 3D haritadaki belirli bir noktanın etrafında uçması için nasıl animasyon oluşturulacağı gösterilmektedir. Bu kod örneğini kullanmak için Android Studio projenizi temel bir 3D harita ile ayarlamak üzere Kurulum ve Uygulamanıza 3D harita ekleme bölümündeki talimatları uygulayın. Ardından, aşağıdaki kodu MainActivity.kt dosyasına ekleyin: 

// Add imports and define constants
import com.google.android.gms.maps3d.model.latLngAltitude
const val EMPIRE_STATE_BUILDING_LATITUDE = 40.748233
const val EMPIRE_STATE_BUILDING_LONGITUDE = -73.985663

...

// Add to the onMap3DViewReady method, after the googleMap3D object has been initialized
googleMap3D.flyCameraAround(
    flyAroundOptions {
        center = camera {
            center = latLngAltitude {
                latitude = EMPIRE_STATE_BUILDING_LATITUDE
                longitude = EMPIRE_STATE_BUILDING_LONGITUDE
                altitude = 212.0
            }
            heading = 34.0
            tilt = 67.0
            range = 750.0
            roll = 0.0
        }
        durationInMillis = 5_000
        rounds = 1.0 // Number of rotations - can be fractional
    }
)