From ddb295cc772395a81cd986372da6e5c4912054fa Mon Sep 17 00:00:00 2001 From: Tom Payne Date: Sat, 20 Apr 2013 16:56:31 +0200 Subject: [PATCH] Add full screen example for mobile devices --- examples/mobile-full-screen.html | 27 ++++++++++++++++++++++++ examples/mobile-full-screen.js | 35 ++++++++++++++++++++++++++++++++ 2 files changed, 62 insertions(+) create mode 100644 examples/mobile-full-screen.html create mode 100644 examples/mobile-full-screen.js diff --git a/examples/mobile-full-screen.html b/examples/mobile-full-screen.html new file mode 100644 index 0000000000..f478636a7a --- /dev/null +++ b/examples/mobile-full-screen.html @@ -0,0 +1,27 @@ + + + + + + + Mobile full screen example + + + +
+ + +
+
Mobile full screen example
+
Example of a full screen map.
+
fullscreen, bing, geolocation, mobile
+
+ + diff --git a/examples/mobile-full-screen.js b/examples/mobile-full-screen.js new file mode 100644 index 0000000000..19d54c7a2d --- /dev/null +++ b/examples/mobile-full-screen.js @@ -0,0 +1,35 @@ +goog.require('ol.Geolocation'); +goog.require('ol.Map'); +goog.require('ol.RendererHints'); +goog.require('ol.View2D'); +goog.require('ol.layer.TileLayer'); +goog.require('ol.source.BingMaps'); + + +var view = new ol.View2D({ + center: [0, 0], + zoom: 2 +}); + +var map = new ol.Map({ + layers: [ + new ol.layer.TileLayer({ + source: new ol.source.BingMaps({ + key: 'AlQLZ0-5yk301_ESrmNLma3LYxEKNSg7w-e_knuRfyYFtld-UFvXVs38NOulku3Q', + style: 'Road' + }) + }) + ], + renderers: ol.RendererHints.createFromQueryData(), + target: 'map', + view: view +}); + +var geolocation = new ol.Geolocation({ + tracking: true +}); +geolocation.bindTo('projection', view); +geolocation.on('position_changed', function() { + view.setCenter(geolocation.getPosition()); + view.setResolution(2.388657133911758); +});