diff --git a/examples/overviewmap.html b/examples/overviewmap.html new file mode 100644 index 0000000000..ca0a0da1a4 --- /dev/null +++ b/examples/overviewmap.html @@ -0,0 +1,41 @@ + + + + + + + + + + + ol3 OverviewMap control example + + + +
+
+
+ OpenLayers 3 Examples +
+
+
+ +
+

OverviewMap control

+
+ +
+

Example of OverviewMap control.

+
+

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

+
+
overview, overviewmap
+
+
+ + + + + + + diff --git a/examples/overviewmap.js b/examples/overviewmap.js new file mode 100644 index 0000000000..96f55ad75b --- /dev/null +++ b/examples/overviewmap.js @@ -0,0 +1,22 @@ +goog.require('ol.Map'); +goog.require('ol.View'); +goog.require('ol.control'); +goog.require('ol.control.OverviewMap'); +goog.require('ol.layer.Tile'); +goog.require('ol.source.OSM'); + +var map = new ol.Map({ + controls: ol.control.defaults().extend([ + new ol.control.OverviewMap() + ]), + layers: [ + new ol.layer.Tile({ + source: new ol.source.OSM() + }) + ], + target: 'map', + view: new ol.View({ + center: [500000, 6000000], + zoom: 7 + }) +});