google.maps.Map class
This class extends MVCObject.
Constructor
Map(mapDiv[, opts])
Parameters:
- mapDiv: Element
- opts: MapOptions optional
Creates a new map inside of the given HTML container, which is typically a DIV element.
Methods
fitBounds(bounds[, padding])
Parameters:
- bounds: LatLngBounds|LatLngBoundsLiteral
- padding: number|Padding optional
Return Value: None
Sets the viewport to contain the given bounds.
Note: When the map is set to display: none, the fitBounds function reads the map's size as 0x0, and therefore does not do anything. To change the viewport while the map is hidden, set the map to visibility: hidden, thereby ensuring the map div has an actual size.
getBounds()
Parameters: None
Return Value: LatLngBounds
Returns the lat/lng bounds of the current viewport. If more than one copy of the world is visible, the bounds range in longitude from -180 to 180 degrees inclusive. If the map is not yet initialized (i.e. the mapType is still null), or center and zoom have not been set then the result is null or undefined.
getCenter()
Parameters: None
Return Value: LatLng
Returns the position displayed at the center of the map. Note that this LatLng object is not wrapped. See LatLng for more information.
getClickableIcons()
Parameters: None
Return Value: boolean
Returns the clickability of the map icons. A map icon represents a point of interest, also known as a POI. If the returned value is true, then the icons are clickable on the map.
getDiv()
Parameters: None
Return Value: Element
getHeading()
Parameters: None
Return Value: number
Returns the compass heading of aerial imagery. The heading value is measured in degrees (clockwise) from cardinal direction North.
getMapTypeId()
Parameters: None
Return Value: MapTypeId|string
getProjection()
Parameters: None
Return Value: Projection
Returns the current Projection. If the map is not yet initialized (i.e. the mapType is still null) then the result is null. Listen to projection_changed and check its value to ensure it is not null.
getStreetView()
Parameters: None
Return Value: StreetViewPanorama
Returns the default StreetViewPanorama bound to the map, which may be a default panorama embedded within the map, or the panorama set using setStreetView(). Changes to the map's streetViewControl will be reflected in the display of such a bound panorama.
getTilt()
Parameters: None
Return Value: number
Returns the current angle of incidence of the map, in degrees from the viewport plane to the map plane. The result will be 0 for imagery taken directly overhead or 45 for 45° imagery. 45° imagery is only available for satellite and hybrid map types, within some locations, and at some zoom levels. Note: This method does not return the value set by setTilt. See setTilt for details.
getZoom()
Parameters: None
Return Value: number
panBy(x, y)
Parameters:
- x: number
- y: number
Return Value: None
Changes the center of the map by the given distance in pixels. If the distance is less than both the width and height of the map, the transition will be smoothly animated. Note that the map coordinate system increases from west to east (for x values) and north to south (for y values).
panTo(latLng)
Parameters:
- latLng: LatLng|LatLngLiteral
Return Value: None
Changes the center of the map to the given LatLng. If the change is less than both the width and height of the map, the transition will be smoothly animated.
panToBounds(latLngBounds[, padding])
Parameters:
- latLngBounds: LatLngBounds|LatLngBoundsLiteral
- padding: number|Padding optional
Return Value: None
Pans the map by the minimum amount necessary to contain the given LatLngBounds. It makes no guarantee where on the map the bounds will be, except that the map will be panned to show as much of the bounds as possible inside {currentMapSizeInPx} - {padding}.
setCenter(latlng)
Parameters:
- latlng: LatLng|LatLngLiteral
Return Value: None
setClickableIcons(value)
Parameters:
- value: boolean
Return Value: None
Controls whether the map icons are clickable or not. A map icon represents a point of interest, also known as a POI. To disable the clickability of map icons, pass a value of false to this method.
setHeading(heading)
Parameters:
- heading: number
Return Value: None
Sets the compass heading for aerial imagery measured in degrees from cardinal direction North.
setMapTypeId(mapTypeId)
Parameters:
- mapTypeId: MapTypeId|string
Return Value: None
setOptions(options)
Parameters:
- options: MapOptions
Return Value: None
setStreetView(panorama)
Parameters:
- panorama: StreetViewPanorama
Return Value: None
Binds a StreetViewPanorama to the map. This panorama overrides the default StreetViewPanorama, allowing the map to bind to an external panorama outside of the map. Setting the panorama to null binds the default embedded panorama back to the map.
setTilt(tilt)
Parameters:
- tilt: number
Return Value: None
Controls the automatic switching behavior for the angle of incidence of the map. The only allowed values are 0 and 45. setTilt(0) causes the map to always use a 0° overhead view regardless of the zoom level and viewport. setTilt(45) causes the tilt angle to automatically switch to 45 whenever 45° imagery is available for the current zoom level and viewport, and switch back to 0 whenever 45° imagery is not available (this is the default behavior). 45° imagery is only available for satellite and hybrid map types, within some locations, and at some zoom levels. Note: getTilt returns the current tilt angle, not the value set by setTilt. Because getTilt and setTilt refer to different things, do not bind() the tilt property; doing so may yield unpredictable effects.
setZoom(zoom)
Parameters:
- zoom: number
Return Value: None
Properties
Type: Array<MVCArray>
Additional controls to attach to the map. To add a control to the map, add the control's
Type: Data
An instance of Data, bound to the map. Add features to this Data object to conveniently display them on this map.
Type: MapTypeRegistry
A registry of MapType instances by string ID.
Type: MVCArray<MapType optional>
Additional map types to overlay. Overlay map types will display on top of the base map they are attached to, in the order in which they appear in the overlayMapTypes array (overlays with higher index values are displayed in front of overlays with lower index values).
Events
function()
Arguments: None
This event is fired when the viewport bounds have changed.
function()
Arguments: None
This event is fired when the map center property changes.
function(event)
Arguments:
- event: MouseEvent|IconMouseEvent
This event is fired when the user clicks on the map. An ApiMouseEvent with properties for the clicked location is returned unless a place icon was clicked, in which case an IconMouseEvent with a placeid is returned. IconMouseEvent and ApiMouseEvent are identical, except that IconMouseEvent has the placeid field. The event can always be treated as an ApiMouseEvent when the placeid is not important. The click event is not fired if a marker or infowindow was clicked.
function(event)
Arguments:
- event: MouseEvent
This event is fired when the user double-clicks on the map. Note that the click event will also fire, right before this one.
function()
Arguments: None
This event is repeatedly fired while the user drags the map.
function()
Arguments: None
This event is fired when the user stops dragging the map.
function()
Arguments: None
This event is fired when the user starts dragging the map.
function()
Arguments: None
This event is fired when the map heading property changes.
function()
Arguments: None
This event is fired when the map becomes idle after panning or zooming.
function()
Arguments: None
This event is fired when the mapTypeId property changes.
function(event)
Arguments:
- event: MouseEvent
This event is fired whenever the user's mouse moves over the map container.
function(event)
Arguments:
- event: MouseEvent
This event is fired when the user's mouse exits the map container.
function(event)
Arguments:
- event: MouseEvent
This event is fired when the user's mouse enters the map container.
function()
Arguments: None
This event is fired when the projection has changed.
function(event)
Arguments:
- event: MouseEvent
This event is fired when the DOM contextmenu event is fired on the map container.
function()
Arguments: None
This event is fired when the visible tiles have finished loading.
function()
Arguments: None
This event is fired when the map tilt property changes.
function()
Arguments: None
This event is fired when the map zoom property changes.