Kameraposition steuern

In 3D-Karten in der Maps JavaScript API verwalten Sie den Fokus der Kamera mit der Option „cameraPosition“.

Wichtige Verhaltensweisen:

  • Mit center: Die Koordinaten (Breiten- und Längengrad) geben den genauen Punkt auf der Karte an, auf den die Kamera ausgerichtet ist.
  • Mit cameraPosition: Die Kamera selbst wird an den Koordinaten platziert, die beim Erstellen angegeben wurden. Das macht es oft schwierig, die Ansicht auf einen bestimmten interessanten Punkt zu zentrieren.

Im folgenden Beispiel wird gezeigt, wie eine Karte mit der Option center initialisiert wird, um einen bestimmten Fokuspunkt festzulegen. Die Markierung gibt den Mittelpunkt an, der in center angegeben ist:

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

Testbeispiel

Sichtfeld und Reichweite

Sie können anpassen, wie viel von der Karte im Viewport sichtbar ist. Dazu stehen zwei verschiedene Parameter zur Verfügung: „range“ und „fov“. Beide wirken sich auf die Zoomstufe aus, funktionieren aber unterschiedlich:

  • range: Steuert den physischen Abstand zwischen der Kamera und dem Mittelpunkt. Das Anpassen dieser Einstellung entspricht dem Heran- oder Herauszoomen der Kamera an die Karte.

  • fov (Sichtfeld): Steuert den Winkel des Kameraobjektivs. Ein höherer Wert wirkt wie ein Weitwinkelobjektiv und zeigt mehr von der Peripherie, während ein niedrigerer Wert wie ein Teleobjektiv wirkt.

Im folgenden Vergleich wird dieselbe Karte an den beiden Extremen des fov-Spektrums dargestellt. Auf der linken Karte ist das Sichtfeld auf 5 (schmal/Tele) und auf der rechten Karte auf 80 (Weitwinkel) eingestellt.

Ein Direktvergleich von zwei 3D-Luftaufnahmen der Golden Gate Bridge. Auf der linken Seite ist eine weite Luftaufnahme der gesamten Brücke und der Marin Headlands zu sehen. Auf der rechten Seite ist eine extreme Nahaufnahme eines roten Aufhängungsturms und des Brückendecks aus einem steilen Abwärtswinkel zu sehen.