ol-cesium
Version:
OpenLayers Cesium integration library
3 lines • 2.39 kB
HTML
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"/><meta name="robots" content="index, all"/><title>olcesium raster layer synchronization example</title><link rel="stylesheet" href="../node_modules/ol/ol.css"><style>fieldset {display:inline-block;float:left;}
label {display:block;}
body.hideLayerInputs fieldset {display:none;}</style><script defer="defer" src="commons.732f075a07b3917e2988.js"></script><script defer="defer" src="rastersync.0bbb80ad8f16663976bd.js"></script></head><body><div id="map2d" style="width:600px;height:400px;float:left;"></div><div id="map3d" style="width:600px;height:400px;float:left;position:relative;"></div><input type="button" value="Remove all layers" onclick="global.ol2d.getLayers().clear();document.body.className='hideLayerInputs';"/> <input type="button" value="Remove last layer" onclick="global.removeLastLayer();document.body.className='hideLayerInputs';"/><br/><input type="button" value="Add Stamen" onclick="global.addStamen();"/> <input type="button" value="Add TileWMS" onclick="global.addTileWMS();"/> <input type="button" value="Add TileJSON" onclick="global.addTileJSON();"/><br/><br/><input type="button" value="TileWMS change" onclick="global.changeTileWMSParams();"/><fieldset id="layer0"><label class="checkbox"><input class="visible" type="checkbox" onchange="global.layer0.setVisible(this.checked)" checked="checked"/>OpenAerial layer</label> <label>opacity</label> <input class="opacity" type="range" min="0" max="1" step="0.01" value="1" oninput="global.layer0.setOpacity(parseFloat(this.value))"/> <label>Z-index</label> <input type="range" min="-10" max="10" step="1" oninput="global.layer0.setZIndex(parseFloat(this.value))"/></fieldset><fieldset id="layer2"><label class="checkbox"><input class="visible" type="checkbox" onchange="global.layer2.setVisible(this.checked)" checked="checked"/>World borders</label> <label>opacity</label> <input class="opacity" type="range" min="0" max="1" step="0.01" value="1" oninput="global.layer2.setOpacity(parseFloat(this.value))"/> <label>Z-index</label> <input type="range" min="-10" max="10" step="1" oninput="global.layer2.setZIndex(parseFloat(this.value))"/></fieldset><script src="inject_ol_cesium.js"></script></body></html>