<!doctype html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8">
<title>CmWorld3 Sample</title>
<style>
html, body {
overflow: hidden;
width: 100%;
height: 100%;
margin: 0;
padding: 0;
}
#cmworldCanvas {
width: 100%;
height: 100%;
}
</style>
<!--script src="d3.min.js"></script-->
<script src="./Cm3WebGL/lib/jquery-2.2.0.min.js"></script>
<script src="./Cm3WebGL/cm_compile.js"></script>
<script>
CMWORLD.Compile.includeCm3Library("./Cm3WebGL/");
</script>
<script src="./Cm3WebGL/lib/require.2.1.22.min.js"></script>
<script>
var cmworld;
var gui;
var fistGroundPoint = null;
var secondGroundPoint = null;
var selectGroundPointMode = false;
window.onload = function () {
var canvas = document.querySelector("#cmworldCanvas");
cmworld = new CMWORLD.CmWorld3(canvas, 127, 38, 1300000 );
cmworld.option.worldTimer.setStartDateTime(2015, 7, 12, 14, 0, 0, 0);
cmworld.option.VerticalExaggeration = 10.0;
cmworld.addBaseImageLayer("http://cmworld.net:5050/CmWorld/CmWorldServlet?T=pole_etopo&L={z}&X={x}&Y={y}", 0, 5, 90, -90, -180, 180, "png", false);
cmworld.addTerrainLayer("etopoterrain", "http://cmworld.net:5050/CmWorld/CmWorldServlet?T=pole_dem&L={z}&X={x}&Y={y}", 0, 5, 90, -90, -180, 180, "CBT");
cmworld.addOverlayImageLayer("pole_bathy", "http://cmworld.net:5050/CmWorld/CmWorldServlet?T=pole_bathy&L={z}&X={x}&Y={y}", 0, 5, 90, -90, -180, 180, "png");
if (CMWORLD.Compile.DistributionMode == false) {
cmworld.option.showFPS(true);
}
};
layerOnOff = function()
{
var layer = cmworld.getLayer("pole_bathy");
layer.visible = !layer.visible;
cmworld.reDrawOverlayMap();
}
</script>
</head>
<body>
<canvas id="cmworldCanvas"></canvas>
<a href="#" onclick="layerOnOff()" style="right: 10px; top: 10px; position: absolute; z-index: 10000;color: rgb(182, 255, 0)">layerOnOff</a>
</body>
</html>