Kameranın konumunu kontrol etme

Maps JavaScript API'deki 3D Haritalar'da, kameranın odağını cameraPosition seçeneğini kullanarak yönetirsiniz.

Temel Davranışlar:

  • center ile: Enlem ve boylam koordinatları, kameranın baktığı haritadaki tam noktayı belirtir.
  • cameraPosition ile: Kameranın kendisi, inşaat sırasında sağlanan koordinatlara yerleştirilir. Bu durum, görünümü belirli bir ilgi alanına ortalamayı genellikle zorlaştırır.

Aşağıdaki örnekte, belirli bir odak noktası sağlamak için center seçeneği kullanılarak haritanın nasıl başlatılacağı gösterilmektedir. İşaretçi, center içinde sağlanan odak noktasını gösterir:

CSS

gmp-map-3d {
  height: 100%;
}

html,
body {
  height: 100%;
  margin: 0;
  padding: 0;
}
style.css

HTML

<html>
    <head>
        <title>3D Camera Position</title>

        <link rel="stylesheet" type="text/css" href="./style.css" />
    </head>
    <body>
        <gmp-map-3d
            center="40.7860524,-73.9634983,0"
            range="1500"
            tilt="70"
            heading="-150"
            mode="satellite">
            <gmp-marker position="40.7860524,-73.9634983" altitude-mode="clamp-to-ground"></gmp-marker>
        </gmp-map-3d>

        <script
            async
            src="https://maps.googleapis.com/maps/api/js?key=AIzaSyA6myHzS10YXdcazAFalmXvDkrYCp5cLc8&v=beta&libraries=maps3d"></script>
    </body>
</html>
index.html

Örneği deneyin

Görüş alanı ve aralık

Görüntü alanında haritanın ne kadarının görüneceğini iki farklı parametreyle ayarlayabilirsiniz: range ve fov. Her ikisi de "yakınlaştırma" düzeyini etkilese de farklı şekilde çalışır:

  • range: Kamera ile merkez nokta arasındaki fiziksel mesafeyi kontrol eder. Bu ayarı yapmak, kamerayı haritaya yaklaştırmak veya haritadan uzaklaştırmakla aynı şeydir.

  • fov (Görüş Alanı): Kameranın lensinin açısını kontrol eder. Daha yüksek bir değer, geniş açı lens gibi davranarak çevrenin daha fazlasını gösterirken daha düşük bir değer, telefoto lens gibi davranır.

Aşağıdaki karşılaştırmada aynı harita, fov spektrumunun zıt uçlarında gösterilmektedir. Soldaki haritada FOV 5 (dar/telefoto), sağdaki haritada ise 80 (geniş açı) olarak ayarlanmıştır.

Golden Gate Köprüsü&#39;nün iki 3D hava görüntüsünün yan yana karşılaştırması. Sol tarafta, köprünün tamamı ve Marin Headlands&#39;in kuş bakışı geniş bir görünümü yer alıyor. Sağ tarafta, kırmızı bir asma kule ve köprü tabliyesinin dik bir açıyla aşağıya doğru çekilmiş yakın çekim fotoğrafı gösteriliyor.