document.getElementById('enable').addEventListener('click', () => ol3d.setEnabled(!ol3d.getEnabled()));
layers: [
layer10,
layer11
]
});
const ol2d = new olMap({
layers: [layer0, layer1],
target: 'map2d',
view: new olView({
center: fromLonLat([37.40570, 8.81566]),
zoom: 4
})
});
const ol3d = new OLCesium({map: ol2d, target: 'map3d'});
ol3d.setEnabled(true);
function getLayer(layername) {
switch (layername) {
case 'layer0':
return layer0;
case 'layer1':
return layer1;
case 'layer10':
return layer10;
case 'layer11':
return layer11;
default:
throw new Error('Unknown layer');
}
format: 'image/png',
projection,
tileGrid: new WMTSTileGrid({
origin: getTopLeft(projectionExtent),
resolutions,
matrixIds
}),
style: 'default',
wrapX: true
})
})
],
target: 'map',
view: new View({
center: [-11158582, 4813697],
zoom: 4
})
});
const ol2d = map;
const ol3d = new OLCesium({
map: ol2d,
});
const scene = ol3d.getCesiumScene();
scene.terrainProvider = Cesium.createWorldTerrain();
ol3d.setEnabled(true);
document.getElementById('enable').addEventListener('click', () => ol3d.setEnabled(!ol3d.getEnabled()));
export default exports;
source
})
],
controls: olControlDefaults({
attributionOptions: {
collapsible: false
}
}),
target: 'map',
view: new olView({
center: transform([-112.2, 36.06], 'EPSG:4326', 'EPSG:3857'),
zoom: 11
})
});
const ol3d = new OLCesium({
map: ol2d,
target: 'map3d'
});
const scene = ol3d.getCesiumScene();
scene.terrainProvider = Cesium.createWorldTerrain();
class OverlayHandler {
constructor(ol2d, ol3d, scene) {
this.ol2d = ol2d;
this.ol3d = ol3d;
this.scene = scene;
this.staticOverlay = new olOverlay({
element: document.getElementById('popup')
});
this.staticBootstrapPopup = new olOverlay({