From 05c21e6f1c80da2d2e7cedbcdb6e3f56e7a49db7 Mon Sep 17 00:00:00 2001 From: Tom Payne Date: Wed, 6 Mar 2013 20:34:47 +0100 Subject: [PATCH] Add scale line example --- examples/scale-line.html | 52 ++++++++++++++++++++++++++++++++++++++++ examples/scale-line.js | 29 ++++++++++++++++++++++ 2 files changed, 81 insertions(+) create mode 100644 examples/scale-line.html create mode 100644 examples/scale-line.js diff --git a/examples/scale-line.html b/examples/scale-line.html new file mode 100644 index 0000000000..54d9d6cd42 --- /dev/null +++ b/examples/scale-line.html @@ -0,0 +1,52 @@ + + + + + + + + + + Scale line example + + + +
+
+
+ OpenLayers 3 Examples +
    +
    • +
    • +
+
+
+
+ +
+ +
+
+
+
+
+ +
+ +
+

Scale line example

+

Example of a scale line.

+
+

See the scale-line.js source to see how this is done.

+
+
scale-line, openstreetmap
+
+ +
+ +
+ + + + + diff --git a/examples/scale-line.js b/examples/scale-line.js new file mode 100644 index 0000000000..94dac62e22 --- /dev/null +++ b/examples/scale-line.js @@ -0,0 +1,29 @@ +goog.require('ol.Coordinate'); +goog.require('ol.Map'); +goog.require('ol.RendererHints'); +goog.require('ol.View2D'); +goog.require('ol.control.ScaleLine'); +goog.require('ol.control.ScaleLineUnits'); +goog.require('ol.control.defaults'); +goog.require('ol.layer.TileLayer'); +goog.require('ol.source.OpenStreetMap'); + + +var map = new ol.Map({ + controls: ol.control.defaults({}, [ + new ol.control.ScaleLine({ + units: ol.control.ScaleLineUnits.IMPERIAL + }) + ]), + layers: [ + new ol.layer.TileLayer({ + source: new ol.source.OpenStreetMap() + }) + ], + renderers: ol.RendererHints.createFromQueryData(), + target: 'map', + view: new ol.View2D({ + center: new ol.Coordinate(0, 0), + zoom: 2 + }) +});