Управляйте положением камеры.

В 3D-картах в Maps JavaScript API управление фокусом камеры осуществляется с помощью параметра cameraPosition.

Ключевые модели поведения:

  • С center : Координаты широты и долготы указывают точную точку на карте, на которую направлена ​​камера.
  • При использовании cameraPosition : сама камера размещается в координатах, указанных во время построения. Это часто затрудняет центрирование изображения на конкретной точке интереса.

Следующий пример демонстрирует инициализацию карты с использованием опции center для обеспечения выбора конкретной фокусной точки. Маркер указывает на центральную точку, указанную в 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

Попробуйте образец

Поле зрения и дальность

Вы можете регулировать, какая часть карты видна в окне просмотра, используя два различных параметра: диапазон и угол обзора. Хотя оба параметра влияют на уровень масштабирования, они работают по-разному:

  • range : управляет физическим расстоянием между камерой и центральной точкой. Изменение этого параметра эквивалентно перемещению камеры ближе или дальше от карты.

  • fov (Field of View): управляет углом обзора объектива камеры. Более высокое значение соответствует широкоугольному объективу, охватывающему большую часть поля зрения, а более низкое значение — телеобъективу.

На следующем изображении показано одно и то же изображение на противоположных концах спектра fov . На левом изображении поле зрения установлено на 5 (узкий/телефото); на правом изображении — на 80 (широкоугольный).

Сравнительный анализ двух трехмерных аэрофотоснимков моста Золотые Ворота. На левом снимке показан широкий вид с высоты птичьего полета на весь пролет моста и мыс Марин-Хедлендс. На правом снимке — крупный план красной подвесной башни и проезжей части моста под крутым нисходящим углом.