mirror of
https://github.com/Karaka-Management/Resources.git
synced 2026-01-11 13:28:40 +00:00
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;
|
|
}
|
|
};
|
|
}
|