summaryrefslogtreecommitdiff
path: root/misc/openlayers/examples/google-v3.js
diff options
context:
space:
mode:
Diffstat (limited to 'misc/openlayers/examples/google-v3.js')
-rw-r--r--misc/openlayers/examples/google-v3.js39
1 files changed, 39 insertions, 0 deletions
diff --git a/misc/openlayers/examples/google-v3.js b/misc/openlayers/examples/google-v3.js
new file mode 100644
index 0000000..e81c6a4
--- /dev/null
+++ b/misc/openlayers/examples/google-v3.js
@@ -0,0 +1,39 @@
+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;
+ }
+ };
+}