Как включить просмотр 3D Satellite в Google Maps JavaScript API?

Question

Как включить просмотр 3D-спутников в API Google Maps JavaScript , пожалуйста?Позвольте мне повторить!3D!Пожалуйста, НЕ направляйте меня на 45-градусный угол обзора, который НЕ является 3D!

Вы можете получить это на Картах Google, нажав Вид со спутника и нажав значок 3D под компасом в нижнем правом углу (в красном квадрате).

Answer 1

Как сказал RoGuKa, в настоящее время нет функции для достижения этого в API Карт Google Javascript.В прошлом существовал API Google Планета Земля, но он устарел из-за недостатков безопасности в используемых им фреймворках и не будет работать ни в одном из современных браузеров.

Можно использовать другое решение для трехмерного отображения.такие как https://cesiumjs.org/.

Answer 2

К сожалению, вы не можете включить в Google Maps JavaScript API функцию 3D.Альтернативой является использование функции setTilt(number), как описано в документации Google Maps - Типы карт .

Включение и отключение 45 ° изображений

Вы можете отключить 45 °образы путем вызова setTilt(0) на объекте карты.Чтобы включить изображения под углом 45 ° для поддерживаемых типов карт, наберите setTilt(45).Вы также можете использовать число, отличное от 45 degress, если хотите.

method Метод Map *1014* всегда будет отражать текущий наклон, отображаемый на карте;если вы установите наклон на карте, а затем удалите этот наклон (например, уменьшив масштаб карты), метод getTilt() карты вернет 0.

В следующем примере отображается45 ° вид на центр города Портленд, ИЛИ:

function initMap() {
  var map = new google.maps.Map(document.getElementById('map'), {
    center: {lat: 36.964, lng: -122.015},
    zoom: 18,
    mapTypeId: 'satellite'
  });
  map.setTilt(45);
}

Просмотреть пример

Поворот изображения на 45 °

Изображение на 45 ° фактически состоит изколлекция изображений для каждого кардинального направления (север, юг, восток, запад).Как только ваша карта отображает изображения под углом 45 °, вы можете сориентировать изображения в направлении одного из ее основных направлений, вызвав setHeading () для объекта Map, передав числовое значение, выраженное в градусах от севера.

В следующем примере показановоздушная карта и автоматически поворачивает карту каждые 3 секунды при нажатии кнопки:

var map;

function initMap() {
  map = new google.maps.Map(document.getElementById('map'), {
    center: {lat: 45.518, lng: -122.672},
    zoom: 18,
    mapTypeId: 'satellite',
    heading: 90,
    tilt: 45
  });
}

function rotate90() {
  var heading = map.getHeading() || 0;
  map.setHeading(heading + 90);
}

function autoRotate() {
  // Determine if we're showing aerial imagery.
  if (map.getTilt() !== 0) {
    window.setInterval(rotate90, 3000);
  }
}

Просмотреть пример

Answer 3

К сожалению, на данный момент эта функция еще не реализована в Google Map JavaScript API.