From 910ee493e5d1c378f4c3782d4b4d175f2a4036c2 Mon Sep 17 00:00:00 2001 From: Tom Payne Date: Sun, 7 Apr 2013 10:24:44 +0200 Subject: [PATCH] Add localized OpenStreetMap example --- examples/localized-openstreetmap.html | 55 +++++++++++++++++++++++++++ examples/localized-openstreetmap.js | 29 ++++++++++++++ 2 files changed, 84 insertions(+) create mode 100644 examples/localized-openstreetmap.html create mode 100644 examples/localized-openstreetmap.js diff --git a/examples/localized-openstreetmap.html b/examples/localized-openstreetmap.html new file mode 100644 index 0000000000..abe0b2aae3 --- /dev/null +++ b/examples/localized-openstreetmap.html @@ -0,0 +1,55 @@ + + + + + + + + + + Localized OpenStreetMap example + + + +
+
+
+ OpenLayers 3 Examples +
    +
    • +
    • +
    • +
+
+
+
+ +
+ +
+
+
+
+
+ +
+ +
+

Localized OpenStreetMap example

+

Example of a localized OpenStreetMap map with a custom tile server and a custom attribution.

+
+

See the localized-openstreetmap.js source to see how this is done.

+
+
localized-openstreetmap, openstreetmap
+
+ +
+ +
+ + + + + + diff --git a/examples/localized-openstreetmap.js b/examples/localized-openstreetmap.js new file mode 100644 index 0000000000..458f92bc04 --- /dev/null +++ b/examples/localized-openstreetmap.js @@ -0,0 +1,29 @@ +goog.require('ol.Attribution'); +goog.require('ol.Map'); +goog.require('ol.RendererHints'); +goog.require('ol.View2D'); +goog.require('ol.layer.TileLayer'); +goog.require('ol.source.OpenStreetMap'); + + +var map = new ol.Map({ + layers: [ + new ol.layer.TileLayer({ + source: new ol.source.OpenStreetMap({ + attribution: new ol.Attribution( + 'All maps © ' + + 'OpenCycleMap, ' + + 'map data © ' + + 'OpenStreetMap ' + + '(ODbL)'), + url: 'http://{a-c}.tile.opencyclemap.org/cycle/{z}/{x}/{y}.png' + }) + }) + ], + renderers: ol.RendererHints.createFromQueryData(), + target: 'map', + view: new ol.View2D({ + center: [-172857, 5977746], + zoom: 12 + }) +});