Manual de referencia de Google Maps

Constructor Map()

Crear un mapa de Google:

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

Definición y uso

El constructor Map() crea un nuevo mapa dentro del elemento HTML especificado (generalmente un elemento <div>).

Sintaxis

new google.maps.Map(HTMLElement,MapOptions)

Valor de parámetro

Parámetros Descripción
HTMLElement Especificar en qué elemento HTML se colocará el mapa.
MapOptions Objeto MapOptions para guardar las variables/opciones de inicialización del mapa.

Métodos de Map()

Método Devolver el valor Descripción
fitBounds(LatLngBounds) None Establecer el viewport para que contenga los límites dados.
getBounds() LatLng,LatLng Devolver la latitud/longitud suroeste y noreste del viewport actual.
getCenter() LatLng Devolver la latitud/longitud del centro del mapa.
getDiv() Node Devolver el objeto DOM que contiene el mapa.
getHeading() number

Devolver la brújula de la imagen aérea.

Aplicable a los tipos de mapas SATELLITE y HYBRID.
getMapTypeId()
  • HYBRID
  • ROADMAP
  • SATELLITE
  • TERRAIN
 Devolver el tipo de mapa actual.
getProjection() Projection Devolver la proyección actual.
getStreetView() StreetViewPanorama Devolver el StreetViewPanorama asociado por defecto al mapa.
getTilt() number

Devolver el ángulo de incidencia de la imagen aérea (en grados).

Aplicable a los tipos de mapas SATELLITE y HYBRID.
getZoom() number Devolver el nivel de zoom actual del mapa.
panBy(xnumber,ynumber) None Cambiar el centro del mapa a una distancia dada (en píxeles).
panTo(LatLng) None Cambiar el centro del mapa al LatLng dado.
panToBounds(LatLngBounds) None Desplazar el mapa para que contenga la cantidad mínima necesaria para incluir el LatLngBounds dado.
setCenter(LatLng) None Establecer la latitud/longitud del centro del mapa.
setHeading(number) None

Establecer la brújula de la imagen aérea.

En unidades de grados medidos desde la dirección norte básica.
setMapTypeId(MapTypeId) None Establecer el tipo de mapa que se debe mostrar.
setOptions(MapOptions) None
setStreetView(StreetViewPanorama) None Vincular StreetViewPanorama al mapa.
setTilt(number) None

Establecer el ángulo de incidencia de la imagen aérea (en grados).

Aplicable a los tipos de mapas SATELLITE y HYBRID.
setZoom(number) None Establecer el nivel de zoom del mapa.

Atributos de Map().

Atributos Tipo Descripción
controls Array.<MVCArray.<Node>> Controles adicionales que se adjuntan al mapa.
mapTypes MapTypeRegistry Registro de instancias de MapType por ID de cadena.
overlayMapTypes MVCArray.<MapType> Otras tipos de mapas que se desean superponer.

Eventos de Map().

Evento Parámetros Descripción
bounds_changed None Se desencadena cuando cambia la propiedad de límites de la vista.
center_changed None Se desencadena cuando cambia la propiedad de centro del mapa.
click MouseEvent Se desencadena cuando el usuario hace clic en el mapa.
dblclick MouseEvent Se desencadena cuando el usuario hace doble clic en el mapa.
drag None Se desencadena repetidamente mientras el usuario arrastra el mapa.
dragend None Se desencadena cuando el usuario detiene de arrastrar el mapa.
dragstart None Se desencadena cuando el usuario comienza a arrastrar el mapa.
heading_changed None Se desencadena cuando cambia la propiedad de título del mapa.
idle None Se desencadena cuando el mapa se vuelve inactivo después de desplazarse o cambiar el nivel de zoom.
maptypeid_changed None Se desencadena cuando cambia la propiedad de mapTypeId.
mousemove MouseEvent Se desencadena cada vez que el ratón del usuario se mueve sobre el contenedor del mapa.
mouseout MouseEvent Se desencadena cuando el ratón del usuario sale del contenedor del mapa.
mouseover MouseEvent Se desencadena cuando el ratón del usuario entra en el contenedor del mapa.
projection_changed None Se desencadena cuando cambia la proyección.
resize None Se desencadena cuando cambia el tamaño del (div) del mapa.
rightclick MouseEvent Se desencadena cuando el usuario hace clic con el botón derecho en el mapa.
tilesloaded None Se desencadena cuando se completa la carga de los bloques visibles.
tilt_changed None Se desencadena cuando cambia la propiedad de inclinación del mapa.
zoom_changed None Se desencadena cuando cambia la propiedad de缩放 del mapa.

Capa de superposición

Constructor/Objeto Descripción
Marker Creación de un marcador. (Atención: es necesario configurar correctamente la posición de visualización del marcador).
MarkerOptions Opciones disponibles para la renderización del marcador.
MarkerImage Estructura que representa el icono del marcador o la imagen de sombra.
MarkerShape Definición de la forma del marcador utilizada para determinar el área clicable (tipo y coordenadas).
Animation Determina qué animación se puede reproducir en la marca (subir o bajar).
InfoWindow Crea una ventana de información.
InfoWindowOptions Opciones para renderizar una ventana de información.
Polyline Crea una línea polilínea (incluso ruta y estilo de trazo).
PolylineOptions Opciones para renderizar una línea rectilínea.
Polygon Crea un polígono (incluso ruta y trazo + estilo de relleno).
PolygonOptions Opciones para renderizar un polígono.
Rectangle Crea un rectángulo (incluso límites y trazo + estilo de relleno).
RectangleOptions Opciones para renderizar un rectángulo.
Circle Crea un círculo (incluso centro + radio y trazo + estilo de relleno).
CircleOptions Opciones para renderizar un círculo.
GroundOverlay
GroundOverlayOptions
OverlayView
MapPanes
MapCanvasProjection

Evento

Constructor/Objeto Descripción
MapsEventListener

No tiene métodos ni constructor.

Su instancia se devuelve de addListener() y addDomListener(), y finalmente se devuelve removeListener().
event Agregar/eliminar/trigger listener de eventos.
MouseEvent Devuelve varios eventos de ratón del mapa y de las capas superpuestas.

Control

Control/Objeto Descripción
MapTypeControlOptions Guarda las opciones para modificar los controles (ubicación y estilo).
MapTypeControlStyle Determina qué tipo de control de mapa se debe mostrar (desplegable o botón).
OverviewMapControlOptions Opciones para renderizar el control de vista general del mapa (expandido o plegado).
PanControlOptions Opciones para renderizar el control de desplazamiento (ubicación).
RotateControlOptions Opciones para renderizar el control de rotación (ubicación).
ScaleControlOptions Opciones para renderizar el control de escala (ubicación y estilo).
ScaleControlStyle Determina qué tipo de control de escala se debe mostrar.
StreetViewControlOptions Opciones para renderizar el控件 pegman de vista en calle (ubicación).
ZoomControlOptions Opciones para renderizar el control de zoom (ubicación y estilo).
ZoomControlStyle Especifica qué tipo de control de escala se debe mostrar (grande o pequeño).
ControlPosition Especifica la posición del control en el mapa.