00d9664b95
Simple and effective: As soon as a map has a Google layer, the whole map viewport is added as control to the GMap. As soon as no Google layer is visible on the map any more, the map viewport is appended to the map container again. With this change, OpenLayers strictly limits its GMaps integration to the GMaps API. Also note that there are no css overrides for the attribution any more. Instead, controls can now be conditionally positioned differently for Google layer by using the .olForeignContainer selector.
40 lines
1.3 KiB
JavaScript
40 lines
1.3 KiB
JavaScript
var map;
|
|
|
|
function init() {
|
|
map = new OpenLayers.Map('map', {
|
|
projection: 'EPSG:3857',
|
|
layers: [
|
|
new OpenLayers.Layer.Google(
|
|
"Google Physical",
|
|
{type: google.maps.MapTypeId.TERRAIN}
|
|
),
|
|
new OpenLayers.Layer.Google(
|
|
"Google Streets", // the default
|
|
{numZoomLevels: 20}
|
|
),
|
|
new OpenLayers.Layer.Google(
|
|
"Google Hybrid",
|
|
{type: google.maps.MapTypeId.HYBRID, numZoomLevels: 20}
|
|
),
|
|
new OpenLayers.Layer.Google(
|
|
"Google Satellite",
|
|
{type: google.maps.MapTypeId.SATELLITE, numZoomLevels: 22}
|
|
)
|
|
],
|
|
center: new OpenLayers.LonLat(10.2, 48.9)
|
|
// Google.v3 uses web mercator as projection, so we have to
|
|
// transform our coordinates
|
|
.transform('EPSG:4326', 'EPSG:3857'),
|
|
zoom: 5
|
|
});
|
|
map.addControl(new OpenLayers.Control.LayerSwitcher());
|
|
|
|
// add behavior to html
|
|
var animate = document.getElementById("animate");
|
|
animate.onclick = function() {
|
|
for (var i=map.layers.length-1; i>=0; --i) {
|
|
map.layers[i].animationEnabled = this.checked;
|
|
}
|
|
};
|
|
}
|