API de mapasMap()Constructor
Ejemplo
Crea un Google Maps:
var map=new google.maps.Map(document.getElementById("googleMap"),mapOpt);
Pruébalo »
Definición y uso
El constructor Map() crea un nuevo mapa y lo inserta en el elemento HTML especificado (elemento <div>).
Sintaxis
new google.maps.Map(HTMLElement,MapOptions)
Valores de parámetros
| Parámetro | Descripción |
|---|---|
| HTMLElement | Especifica el elemento HTML en el que se debe colocar el mapa. |
| MapOptions | Un objeto MapOptions con variables/opciones de inicialización del mapa. |
Métodos de Map()
| Método | Valor de retorno | Descripción |
|---|---|---|
| fitBounds(LatLngBounds) | None | Establece la ventana gráfica para que incluya los límites dados. |
| getBounds() | LatLng,LatLng | Devuelve la latitud/longitud suroeste y la latitud/longitud noreste de la ventana gráfica actual. |
| getCenter() | LatLng | Devuelve la latitud/longitud del centro del mapa. |
| getDiv() | Node | Devuelve el objeto DOM que contiene el mapa. |
| getHeading() | number | Devuelve el rumbo de la brújula de la imagen aérea (compatible con los tipos de mapa SATELLITE y HYBRID). |
| getMapTypeId() | HYBRID ROADMAP SATELLITE TERRAIN | Devuelve el tipo de mapa actual. |
| getProjection() | Projection | Devuelve la Projection (proyección) actual. |
| getStreetView() | StreetViewPanorama | Devuelve el StreetViewPanorama predeterminado vinculado al mapa. |
| getTilt() | number | Devuelve el ángulo de incidencia en grados de la imagen aérea (compatible con los tipos de mapa SATELLITE y HYBRID). |
| getZoom() | number | Devuelve el nivel de zoom actual del mapa. |
| panBy(xnumber,ynumber) | None | Cambia el centro del mapa según la distancia dada en píxeles. |
| panTo(LatLng) | None | Cambia el centro del mapa al LatLng dado. |
| panToBounds(LatLngBounds) | None | Desplaza el mapa la distancia mínima necesaria para incluir los LatLngBounds dados. |
| setCenter(LatLng) | None | |
| setHeading(number) | None | Establece la dirección de la brújula de la imagen aérea (medida en grados), con el norte como dirección base. |
| setMapTypeId(MapTypeId) | None | Cambia el tipo de mapa que se va a mostrar. |
| setOptions(MapOptions) | None | |
| setStreetView(StreetViewPanorama) | None | Vincula un StreetViewPanorama al mapa. |
| setTilt(number) | None | Establece el ángulo de incidencia en grados de la imagen aérea (compatible con los tipos de mapa SATELLITE y HYBRID). |
| setZoom(number) | None |
Propiedades de Map()
| Propiedad | Tipo | Descripción |
|---|---|---|
| controls | Array.<MVCArray.<Node>> | Controles adicionales para adjuntar al mapa. |
| mapTypes | MapTypeRegistry | Registro de instancias de MapType por ID de cadena. |
| overlayMapTypes | MVCArray.<MapType> | Tipos de mapa adicionales para superponer. |
Eventos de Map()
| Evento | Parámetro | Descripción |
|---|---|---|
| bounds_changed | None | Este evento se dispara cuando cambian los límites del área visible. |
| center_changed | None | Este evento se dispara cuando cambia la propiedad center (centro) del mapa. |
| click | MouseEvent | Este evento se dispara cuando el usuario hace clic en el mapa (pero no en un marcador ni en una ventana de información). |
| dblclick | MouseEvent | Este evento se dispara cuando el usuario hace doble clic en el mapa. Tenga en cuenta que el evento de clic también se dispara antes de que se active este evento. |
| drag | None | Este evento se dispara repetidamente cuando el usuario arrastra el mapa. |
| dragend | None | Este evento se dispara cuando el usuario deja de arrastrar el mapa. |
| dragstart | None | Este evento se dispara cuando el usuario comienza a arrastrar el mapa. |
| heading_changed | None | Este evento se dispara cuando cambia la propiedad heading (dirección) del mapa. |
| idle | None | Este evento se dispara cuando el mapa pasa a estar inactivo después de un desplazamiento o zoom. |
| maptypeid_changed | None | Este evento se dispara cuando cambia la propiedad mapTypeId. |
| mousemove | MouseEvent | Este evento se dispara siempre que el mouse del usuario se mueve sobre el contenedor del mapa. |
| mouseout | MouseEvent | Este evento se dispara cuando el mouse del usuario sale del contenedor del mapa. |
| mouseover | MouseEvent | Este evento se dispara cuando el mouse del usuario entra en el contenedor del mapa. |
| projection_changed | None | Este evento se dispara cuando cambia la proyección. |
| resize | None | Este evento se dispara cuando el mapa (div) cambia de tamaño. |
| rightclick | MouseEvent | Este evento se dispara cuando el usuario hace clic derecho en el mapa. |
| tilesloaded | None | Este evento se dispara cuando los mosaicos visibles terminan de cargarse. |
| tilt_changed | None | Este evento se dispara cuando cambia la propiedad tilt (inclinación) del mapa. |
| zoom_changed | None | Este evento se dispara cuando cambia la propiedad zoom (nivel de zoom) del mapa. |