From f942333f48d09adbcf9e49e228fd7cbb81ff9860 Mon Sep 17 00:00:00 2001 From: Tom Payne Date: Thu, 7 Mar 2013 00:46:09 +0100 Subject: [PATCH] Add MapQuest example --- examples/mapquest.html | 52 ++++++++++++++++++++++++++++++++++++++++++ examples/mapquest.js | 23 +++++++++++++++++++ 2 files changed, 75 insertions(+) create mode 100644 examples/mapquest.html create mode 100644 examples/mapquest.js diff --git a/examples/mapquest.html b/examples/mapquest.html new file mode 100644 index 0000000000..abc7b5057b --- /dev/null +++ b/examples/mapquest.html @@ -0,0 +1,52 @@ + + + + + + + + + + MapQuest example + + + +
+
+
+ OpenLayers 3 Examples +
    +
    • +
    • +
+
+
+
+ +
+ +
+
+
+
+
+ +
+ +
+

MapQuest example

+

Example of a MapQuest map.

+
+

See the mapquest.js source to see how this is done.

+
+
mapquest
+
+ +
+ +
+ + + + + diff --git a/examples/mapquest.js b/examples/mapquest.js new file mode 100644 index 0000000000..5bdc4aa37e --- /dev/null +++ b/examples/mapquest.js @@ -0,0 +1,23 @@ +goog.require('ol.Coordinate'); +goog.require('ol.Map'); +goog.require('ol.RendererHints'); +goog.require('ol.View2D'); +goog.require('ol.layer.TileLayer'); +goog.require('ol.projection'); +goog.require('ol.source.MapQuestOSM'); + + +var map = new ol.Map({ + layers: [ + new ol.layer.TileLayer({ + source: new ol.source.MapQuestOSM() + }) + ], + renderers: ol.RendererHints.createFromQueryData(), + target: 'map', + view: new ol.View2D({ + center: ol.projection.transformWithCodes( + new ol.Coordinate(139.6917, 35.689506), 'EPSG:4326', 'EPSG:3857'), + zoom: 9 + }) +});