Gli ultimi tutorial di sviluppo web
 

Google Maps Tipi


Una mappa di Google di tipo HYBRID:


Google Maps - Mappa tipi di base

I seguenti tipi di mappe sono supportati in Google Maps API:

  • TABELLA DI MARCIA (normal, default 2D map)
  • SATELLITE (photographic map)
  • HYBRID (photographic map + roads and city names)
  • TERRAIN (map with mountains, rivers, etc.)

Il tipo di carta è specificato sia all'interno delle proprietà oggetto della mappa, con la proprietà mapTypeId:

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

O chiamando della mappa setMapTypeId() metodo:

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

Google Maps - 45 Perspective View

Il tipi di mappe satellitari e HYBRID supportano una visualizzazione di immagini 45 prospettiva per alcune posizioni (only at high zoom levels) .

Se si esegue lo zoom in una posizione con 45 vista di immagini, la mappa cambierà automaticamente la vista prospettica. Inoltre, la mappa aggiungerà:

  • Una ruota intorno bussola il controllo Pan, che consente di ruotare l'immagine
  • Un controllo di rotazione tra i controlli Pan e Zoom, che consente di ruotare l'immagine di 90
  • Un controllo a ginocchiera per la visualizzazione della vista 45 prospettiva, sotto il controllo satellitare / etichetta

Note: Lo zoom fuori da una mappa con 45 immagini tornerà ciascuno di questi cambiamenti, e viene visualizzata la mappa originale.

L'esempio seguente mostra una vista prospettica 45 di Palazzo Ducale a Venezia, Italia:

Esempio

var mapProp = {
center:myCenter,
zoom:18,
mapTypeId:google.maps.MapTypeId.HYBRID
};
Prova tu stesso "

Tip: Google aggiunge 45 Imagery per nuove posizioni per tutto il tempo. Controlla la lista dei 45 immagini su Google Maps.


Google Maps - Disabilitare 45 vista prospettica - setTilt(0)

È possibile disattivare vista 45 prospettiva chiamando setTilt(0) sull'oggetto mappa:

Esempio

map.setTilt(0);
Prova tu stesso "

Tip: Per attivare la vista prospettica 45 in un momento successivo, chiamare setTilt(45) .


Google Maps - Riferimento

API di Google Maps di riferimento .