Manuale di riferimento di Google Maps

Costruttore Map()

Creare una mappa di Google:

var map = new google.maps.Map(mapCanvas, mapOptions);

Definizione e uso

Il costruttore Map() crea una nuova mappa all'interno dell'elemento HTML specificato (solitamente un elemento <div>).

Sintassi

new google.maps.Map(HTMLElement,MapOptions)

Valore del parametro

Parametro Descrizione
HTMLElement Stabilire in quale elemento HTML posizionare la mappa.
MapOptions Oggetto MapOptions per salvare le variabili/le opzioni di inizializzazione della mappa.

Metodi di Map()

Metodo Restituire il valore Descrizione
fitBounds(LatLngBounds) None Impostare il visuale per includere i limiti dati.
getBounds() LatLng,LatLng Restituire la latitudine e la longitudine del punto sud-ovest e del punto nord-est del visuale attuale.
getCenter() LatLng Restituire la latitudine e la longitudine del centro della mappa.
getDiv() Node Restituire l'oggetto DOM contenente la mappa.
getHeading() number

Restituire l'orientamento della bussola dell'immagine aerea.

Applicabile ai tipi di mappa SATELLITE e HYBRID.
getMapTypeId()
  • HYBRID
  • ROADMAP
  • SATELLITE
  • TERRAIN
 Restituire il tipo di mappa attuale.
getProjection() Projection Restituire la proiezione attuale.
getStreetView() StreetViewPanorama Restituire il StreetViewPanorama predefinito associato alla mappa.
getTilt() number

Restituire l'angolo di incidenza dell'immagine aerea (in gradi).

Applicabile ai tipi di mappa SATELLITE e HYBRID.
getZoom() number Restituire il livello di zoom attuale della mappa.
panBy(xnumber,ynumber) None Cambiare il centro della mappa di una distanza data (in pixel).
panTo(LatLng) None Cambiare il centro della mappa al LatLng fornito.
panToBounds(LatLngBounds) None Spostare la mappa di almeno la quantità minima necessaria per includere LatLngBounds.
setCenter(LatLng) None Impostare la latitudine e la longitudine del centro della mappa.
setHeading(number) None

Impostare l'orientamento della bussola dell'immagine aerea.

Misura in gradi a partire dalla direzione di base nord.
setMapTypeId(MapTypeId) None Impostare il tipo di mappa da visualizzare.
setOptions(MapOptions) None
setStreetView(StreetViewPanorama) None Legare StreetViewPanorama alla mappa.
setTilt(number) None

Impostazione dell'angolo di incidenza dell'immagine aerea (in gradi).

Applicabile ai tipi di mappa SATELLITE e HYBRID.
setZoom(number) None Impostazione del livello di ingrandimento della mappa.

Proprietà di Map()

Proprietà Tipo Descrizione
controls Array.<MVCArray.<Node>> Controlli aggiuntivi da aggiungere alla mappa.
mapTypes MapTypeRegistry Registro delle istanze di MapType per ID di stringa.
overlayMapTypes MVCArray.<MapType> Altri tipi di mappa da sovrapporre.

Eventi di Map()

Evento Parametro Descrizione
bounds_changed None Attivato quando cambia il limite della visuale.
center_changed None Attivato quando cambia l'attributo del centro della mappa.
click MouseEvent Attivato quando l'utente fa clic sulla mappa.
dblclick MouseEvent Attivato quando l'utente fa doppio clic sulla mappa.
drag None Attivato ripetutamente quando l'utente trascina la mappa.
dragend None Attivato quando l'utente smette di trascinare la mappa.
dragstart None Attivato quando l'utente inizia a trascinare la mappa.
heading_changed None Attivato quando cambia l'attributo del titolo della mappa.
idle None Attivato quando la mappa diventa inattiva dopo lo spostamento o lo zoom.
maptypeid_changed None Attivato quando cambia l'attributo mapTypeId.
mousemove MouseEvent Attivato ogni volta che il mouse si muove sul contenitore della mappa.
mouseout MouseEvent Attivato quando il mouse esce dal contenitore della mappa.
mouseover MouseEvent Attivato quando il mouse entra nel contenitore della mappa.
projection_changed None Attivato quando cambia la proiezione.
resize None Attivato quando cambia la dimensione del div della mappa.
rightclick MouseEvent Attivato quando l'utente fa clic con il tasto destro sulla mappa.
tilesloaded None Attivato quando viene completata la caricatura dei tile visibili.
tilt_changed None Attivato quando cambia l'attributo di inclinazione della mappa.
zoom_changed None Attivato quando cambia l'attributo di ingrandimento della mappa.

Strato sovrapposto

Costruttore/oggetto Descrizione
Marker Creazione del segno (attenzione: è necessario impostare correttamente la posizione di visualizzazione del segno).
MarkerOptions Opzioni disponibili per la visualizzazione del segno.
MarkerImage Rappresenta la struttura dell'icona del segno o dell'immagine dell'ombra.
MarkerShape Definizione della forma del segno utilizzata per determinare l'area cliccabile (tipo e coordinate).
Animation Determina l'animazione che può essere riprodotta sul marchio (sbalzo o caduta).
InfoWindow Crea una finestra informativa.
InfoWindowOptions Opzioni per il rendering della finestra informativa.
Polyline Crea una polilinea (contiene percorso e stile di tratto).
PolylineOptions Opzioni per il rendering di una polilinea.
Polygon Crea un poligono (contiene percorso e tratto + stile di riempimento).
PolygonOptions Opzioni per il rendering di un poligono.
Rectangle Crea un rettangolo (contiene bordi e tratto + stile di riempimento).
RectangleOptions Opzioni per il rendering di un rettangolo.
Circle Crea un cerchio (contiene centro + raggio e tratto + stile di riempimento).
CircleOptions Opzioni per il rendering di un cerchio.
GroundOverlay
GroundOverlayOptions
OverlayView
MapPanes
MapCanvasProjection

Evento

Costruttore/oggetto Descrizione
MapsEventListener

Non ha metodi né costruttore.

La sua istanza viene restituita da addListener(), addDomListener() e infine passata a removeListener().
event Aggiungi/rimuovi/attiva l'ascoltatore degli eventi.
MouseEvent Restituisce vari eventi di mouse dal mapa e dagli strati sovrapposti.

Controllo

Controllo/oggetto Descrizione
MapTypeControlOptions Salva le opzioni per modificare i controlli (posizione e stile).
MapTypeControlStyle Determina il tipo di controllo di mappa da visualizzare (menu a discesa o pulsante).
OverviewMapControlOptions Opzioni per il rendering del controllo di panoramica (espanso o ripiegato).
PanControlOptions Opzioni per il rendering del controllo di traslazione (posizione).
RotateControlOptions Opzioni per il rendering del controllo di rotazione (posizione).
ScaleControlOptions Opzioni per il rendering del controllo di scala (posizione e stile).
ScaleControlStyle Determina quale controllo di scala deve essere visualizzato.
StreetViewControlOptions Opzioni per il rendering del controllo pegman della vista stradale (posizione).
ZoomControlOptions Opzioni per il rendering del controllo di zoom (posizione e stile).
ZoomControlStyle Stabilisce quale tipo di controllo di zoom visualizzare (grande o piccolo).
ControlPosition Stabilisce la posizione dei controlli sulla mappa.