v3.js

Summary
v3.js
Constants
OpenLayers.Layer.Google.v3Mixin providing functionality specific to the Google Maps API v3.
DEFAULTS{Object} It is not recommended to change the properties set here.
Properties
animationEnabled{Boolean} If set to true, the transition between zoom levels will be animated (if supported by the GMaps API for the device used).
Functions
loadMapObjectLoad the GMap and register appropriate event listeners.
onMapResize
setGMapVisibilityDisplay the GMap container and associated elements.
getMapContainer{DOMElement} the GMap container’s div
getMapObjectBoundsFromOLBounds
getMapObjectLonLatFromMapObjectPixel
getMapObjectPixelFromMapObjectLonLat
setMapObjectCenterSet the mapObject to the specified center and zoom
getMapObjectZoomFromMapObjectBounds
getMapObjectLonLatFromLonLat
getMapObjectPixelFromXY

Constants

OpenLayers.Layer.Google.v3

Mixin providing functionality specific to the Google Maps API v3.

To use this layer, you must include the GMaps v3 API in your html.  To match Google’s zoom animation better with OpenLayers animated zooming, configure your map with a zoomDuration of 10:

new OpenLayers.Map('map', {zoomDuration: 10});

Note that this layer configures the google.maps.map object with the “disableDefaultUI” option set to true.  Using UI controls that the Google Maps API provides is not supported by the OpenLayers API.

DEFAULTS

{Object} It is not recommended to change the properties set here.  Note that Google.v3 layers only work when sphericalMercator is set to true.

{
    sphericalMercator: true,
    projection: "EPSG:900913"
}

Properties

animationEnabled

{Boolean} If set to true, the transition between zoom levels will be animated (if supported by the GMaps API for the device used).  Set to false to match the zooming experience of other layer types.  Default is true.  Note that the GMaps API does not give us control over zoom animation, so if set to false, when zooming, this will make the layer temporarily invisible, wait until GMaps reports the map being idle, and make it visible again.  The result will be a blank layer for a few moments while zooming.

Functions

loadMapObject

loadMapObject: function()

Load the GMap and register appropriate event listeners.

onMapResize

onMapResize: function()

setGMapVisibility

setGMapVisibility: function(visible)

Display the GMap container and associated elements.

Parameters

visible{Boolean} Display the GMap elements.

getMapContainer

getMapContainer: function()

Returns

{DOMElement} the GMap container’s div

getMapObjectBoundsFromOLBounds

getMapObjectBoundsFromOLBounds: function(olBounds)

Parameters

olBounds{OpenLayers.Bounds}

Returns

{Object} A MapObject Bounds, translated from olBounds Returns null if null value is passed in

getMapObjectLonLatFromMapObjectPixel

getMapObjectLonLatFromMapObjectPixel: function(moPixel)

Parameters

moPixel{Object} MapObject Pixel format

Returns

{Object} MapObject LonLat translated from MapObject Pixel

getMapObjectPixelFromMapObjectLonLat

getMapObjectPixelFromMapObjectLonLat: function(moLonLat)

Parameters

moLonLat{Object} MapObject LonLat format

Returns

{Object} MapObject Pixel transtlated from MapObject LonLat

setMapObjectCenter

setMapObjectCenter: function(center,
zoom)

Set the mapObject to the specified center and zoom

Parameters

center{Object} MapObject LonLat format
zoom{int} MapObject zoom format

getMapObjectZoomFromMapObjectBounds

getMapObjectZoomFromMapObjectBounds: function(moBounds)

Parameters

moBounds{Object} MapObject Bounds format

Returns

{Object} MapObject Zoom for specified MapObject Bounds

getMapObjectLonLatFromLonLat

getMapObjectLonLatFromLonLat: function(lon,
lat)

Parameters

lon{Float}
lat{Float}

Returns

{Object} MapObject LonLat built from lon and lat params

getMapObjectPixelFromXY

getMapObjectPixelFromXY: function(x,
y)

Parameters

x{Integer}
y{Integer}

Returns

{Object} MapObject Pixel from x and y parameters

loadMapObject: function()
Load the GMap and register appropriate event listeners.
onMapResize: function()
setGMapVisibility: function(visible)
Display the GMap container and associated elements.
getMapContainer: function()
{DOMElement} the GMap container’s div
getMapObjectBoundsFromOLBounds: function(olBounds)
getMapObjectLonLatFromMapObjectPixel: function(moPixel)
getMapObjectPixelFromMapObjectLonLat: function(moLonLat)
setMapObjectCenter: function(center,
zoom)
Set the mapObject to the specified center and zoom
getMapObjectZoomFromMapObjectBounds: function(moBounds)
getMapObjectLonLatFromLonLat: function(lon,
lat)
getMapObjectPixelFromXY: function(x,
y)
Instances of this class represent bounding boxes.
Close