ashatora/openlayers
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Update side-by-side.js

Browse Source
This commit is contained in:
mike-000
2019-07-26 14:17:42 +01:00
committed by GitHub
parent 8034b72231
commit 1e1a6d0939
1 changed files with 17 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

28
examples/side-by-side.js
View File

@@ -1,16 +1,22 @@
import Map from '../src/ol/Map.js'; import Map from '../src/ol/Map.js';
import WebGLMap from '../src/ol/WebGLMap.js';
import View from '../src/ol/View.js'; import View from '../src/ol/View.js';
import TileLayer from '../src/ol/layer/Tile.js'; import TileLayer from '../src/ol/layer/Tile.js';
import WebGLTileLayer from '../src/ol/layer/WebGLTile.js'; import BingMaps from '../src/ol/source/BingMaps.js';
import OSM from '../src/ol/source/OSM.js';
const layer = new TileLayer({ const roadLayer = new TileLayer({
source: new OSM() source: new BingMaps({
key: 'As1HiMj1PvLPlqc_gtM7AqZfBL8ZL3VrjaS3zIb22Uvb9WKhuJObROC-qUpa81U5',
imagerySet: 'RoadOnDemand',
maxZoom: 19
})
}); });
const webGLLayer = new WebGLTileLayer({ const aerialLayer = new TileLayer({
source: new OSM() source: new BingMaps({
key: 'As1HiMj1PvLPlqc_gtM7AqZfBL8ZL3VrjaS3zIb22Uvb9WKhuJObROC-qUpa81U5',
imagerySet: 'Aerial',
maxZoom: 19
})
}); });
const view = new View({ const view = new View({
@@ -19,13 +25,13 @@ const view = new View({
}); });
const map1 = new Map({ const map1 = new Map({
target: 'canvasMap', target: 'roadMap',
layers: [layer], layers: [roadLayer],
view: view view: view
}); });
const map2 = new WebGLMap({ const map2 = new WebGLMap({
target: 'webglMap', target: 'aerialMap',
layers: [webGLLayer], layers: [aerialLayer],
view: view view: view
}); });