From 1ee2da76afbc7af493bbf5d1529bce5fa0c1f516 Mon Sep 17 00:00:00 2001 From: Tim Schaub Date: Wed, 11 Sep 2013 00:41:25 -0600 Subject: [PATCH] Add example using XYZ tiles from Esri --- examples/xyz-esri.html | 56 ++++++++++++++++++++++++++++++++++++++++++ examples/xyz-esri.js | 24 ++++++++++++++++++ 2 files changed, 80 insertions(+) create mode 100644 examples/xyz-esri.html create mode 100644 examples/xyz-esri.js diff --git a/examples/xyz-esri.html b/examples/xyz-esri.html new file mode 100644 index 0000000000..5d59d7b0aa --- /dev/null +++ b/examples/xyz-esri.html @@ -0,0 +1,56 @@ + + + + + + + + + + + XYZ Esri example + + + +
+
+
+ OpenLayers 3 Examples +
    +
    • +
    • +
    • +
+
+
+
+ +
+ +
+
+
+
+
+ +
+ +
+

XYZ Esri example

+

Example of a XYZ source using Esri tiles.

+
+

See the xyz-esri.js source for details on how this is done.

+
+
xyz, esri
+
+ +
+ +
+ + + + + + diff --git a/examples/xyz-esri.js b/examples/xyz-esri.js new file mode 100644 index 0000000000..aede312ea2 --- /dev/null +++ b/examples/xyz-esri.js @@ -0,0 +1,24 @@ +goog.require('ol.Map'); +goog.require('ol.RendererHint'); +goog.require('ol.View2D'); +goog.require('ol.layer.Tile'); +goog.require('ol.proj'); +goog.require('ol.source.XYZ'); + + +var map = new ol.Map({ + target: 'map', + layers: [ + new ol.layer.Tile({ + source: new ol.source.XYZ({ + url: 'http://server.arcgisonline.com/ArcGIS/rest/services/' + + 'World_Topo_Map/MapServer/tile/{z}/{y}/{x}' + }) + }) + ], + renderer: ol.RendererHint.CANVAS, + view: new ol.View2D({ + center: ol.proj.transform([-121.1, 47.5], 'EPSG:4326', 'EPSG:3857'), + zoom: 7 + }) +});