diff --git a/examples/two-layers.html b/examples/two-layers.html deleted file mode 100644 index 6cc9e5b32c..0000000000 --- a/examples/two-layers.html +++ /dev/null @@ -1,62 +0,0 @@ - - - - - - - - - - Two layers example - - - -
-
-
- OpenLayers 3 Examples -
    -
    • -
    • -
-
-
-
- -
- -
-
-

Canvas

-
- export map as jpeg -
-
-

WebGL

-
-
-
-

DOM

-
-
-
- -
- -
-

Two layers example

-

Sync'ed DOM, WebGL and Canvas maps with a OpenStreetMap base layer and a semi-transparent TileJSON layer.

-
-

See the two-layers.js source to see how this is done.

-
-
layers, tilejson
-
- -
- -
- - - - - diff --git a/examples/two-layers.js b/examples/two-layers.js deleted file mode 100644 index d38cb3c10a..0000000000 --- a/examples/two-layers.js +++ /dev/null @@ -1,52 +0,0 @@ -goog.require('ol.Coordinate'); -goog.require('ol.Map'); -goog.require('ol.RendererHint'); -goog.require('ol.View2D'); -goog.require('ol.layer.TileLayer'); -goog.require('ol.projection'); -goog.require('ol.source.OpenStreetMap'); -goog.require('ol.source.TileJSON'); - - -var layers = [ - new ol.layer.TileLayer({ - source: new ol.source.OpenStreetMap() - }), - new ol.layer.TileLayer({ - source: new ol.source.TileJSON({ - uri: 'http://api.tiles.mapbox.com/v3/mapbox.va-quake-aug.jsonp' - }) - }) -]; - -var webglMap = new ol.Map({ - layers: layers, - renderer: ol.RendererHint.WEBGL, - target: 'webglMap', - view: new ol.View2D({ - center: ol.projection.transformWithCodes( - new ol.Coordinate(-77.93255, 37.9555), 'EPSG:4326', 'EPSG:3857'), - zoom: 5 - }) -}); - -var domMap = new ol.Map({ - renderer: ol.RendererHint.DOM, - target: 'domMap' -}); -domMap.bindTo('layers', webglMap); -domMap.bindTo('view', webglMap); - - -var canvasMap = new ol.Map({ - renderer: ol.RendererHint.CANVAS, - target: 'canvasMap' -}); -canvasMap.bindTo('layers', webglMap); -canvasMap.bindTo('view', webglMap); - -// Handle clicks on the "canvas-export" element. -var element = document.getElementById('canvas-export'); -element.addEventListener('click', function(e) { - e.target.href = canvasMap.getRenderer().getCanvas().toDataURL('image/jpeg'); -}, false);