Contrôler la position de la caméra

Dans les cartes 3D de l'API Maps JavaScript, vous gérez la mise au point de la caméra à l'aide de l'option cameraPosition.

Comportements clés :

  • Avec center : les coordonnées de latitude et de longitude spécifient le point exact sur la carte vers lequel la caméra est orientée.
  • Avec cameraPosition : la caméra elle-même est placée aux coordonnées fournies lors de la construction. Il est alors souvent difficile de centrer la vue sur un point d'intérêt spécifique.

L'exemple suivant montre comment initialiser une carte à l'aide de l'option center pour garantir un point focal spécifique. Le repère indique le point central fourni dans center :

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

Essayer l'exemple

Champ de vision et portée

Vous pouvez ajuster la partie de la carte visible dans la fenêtre d'affichage à l'aide de deux paramètres distincts : la plage et le champ de vision. Bien qu'ils affectent tous les deux le niveau de zoom, ils fonctionnent différemment :

  • range : contrôle la distance physique entre la caméra et le point central. Ajuster ce paramètre revient à rapprocher ou à éloigner la caméra de la carte.

  • fov (champ de vision) : contrôle l'angle de l'objectif de la caméra. Une valeur plus élevée agit comme un objectif grand angle, en montrant davantage la périphérie, tandis qu'une valeur plus faible agit comme un téléobjectif.

La comparaison suivante montre la même carte aux extrémités opposées du spectre fov. Sur la carte de gauche, le champ de vision est défini sur 5 (étroit/téléobjectif), tandis que sur la carte de droite, il est défini sur 80 (grand-angle).

Comparaison côte à côte de deux rendus aériens en 3D du pont du Golden Gate. Sur la gauche, une vue panoramique de l&#39;ensemble du pont et de Marin Headlands. Sur la droite, un gros plan extrême montre un pylône de suspension rouge et le tablier du pont selon un angle très incliné vers le bas.