НАЙКРАЩИЙ САЙТ ДЛЯ ВЕБ-РОЗРОБНИКІВ
Графіка. Уроки W3Schools українською для початківців

En

Google Мапи. Типи


Google Мапи - Основні типи мап

Наведені нижче типи мап підтримуються API Google Мапи:

  • ROADMAP (звичайна, 2D мапа за замовчуванням)
  • SATELLITE (фотографічна мапа)
  • HYBRID (фотографічна мапа + дороги та назви міст)
  • TERRAIN (мапа з горами, річками і т.д.)

Тип мапи вказується в об’єкті властивостей мапи за допомогою властивості mapTypeId:

var mapOptions = {
  center:new google.maps.LatLng(51.508742,-0.120850),
  zoom:7,
  mapTypeId: google.maps.MapTypeId.HYBRID
};

Або викликом методу мапи setMapTypeId():

map.setMapTypeId(google.maps.MapTypeId.HYBRID);

Google Мапи - 45° Перспективний вид

Типи мап SATELLITE і HYBRID підтримують 45° перегляд зображень у перспективі для певних місць (лише при високому масштабі).

Якщо ви наближаєте місце під кутом 45° зображення, мапа автоматично змінить перспективний вигляд. Крім того, карта додасть:

  • Колесо компаса навколо елемента керування панорамуванням, яке дає змогу обертати зображення
  • Елемент керування обертанням між елементами керування панорамуванням і масштабуванням, що дозволяє повертати зображення на 90°
  • Керівник перемикання для відображення 45° вигляд у перспективі під елементом керування/міткою "Супутник"

Примітка. Віддалення від мапи з кутом 45° образність скасує кожну з цих змін, і відобразиться оригінальна мапа.

У наступному прикладі показано 45° Палаццо Дукале у Венеції, Італія:

Приклад

var mapOptions = {
 center:myCenter,
 zoom:18,
 mapTypeId:google.maps.MapTypeId.HYBRID
};

Google Мапи - Вимкнути 45° Перспективний вид - setTilt(0)

Ви можете вимкнути 45° перспективу, викликавши setTilt(0) для об’єкта Map:

Приклад

map.setTilt(0);

Порада: Щоб увімкнути 45° перспективний вид пізніше, викличте setTilt(45).