openglobus/sandbox/mars/mars.html
2024-09-21 01:19:51 +04:00

63 lines
1.7 KiB
HTML
Executable File

<html>
<head>
<title>OpenGlobus - Mars planet</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="../../lib/@openglobus/og.css" type="text/css"/>
</head>
</html>
<body>
<div id="globus"></div>
<script type="module" id="og-sandbox-script">
'use strict';
import {
Globe,
EmptyTerrain,
XYZ,
control,
RgbTerrain,
quadTreeStrategyType,
mars
} from "../../lib/@openglobus/og.esm.js";
const sat = new XYZ("OSM", {
'isBaseLayer': true,
//'url': "https://astro.arcgis.com/arcgis/rest/services/OnMars/MDIM/MapServer/tile/{z}/{y}/{x}?blankTile=false",
url: "https://terrain.openglobus.org/mars/sat/{z}/{x}/{y}.png",
'visibility': true,
maxNativeZoom: 8,
});
var highResTerrain = new RgbTerrain(null, {
geoidSrc: null,
maxNativeZoom: 8,
maxZoom: 8,
url: "https://terrain.openglobus.org/mars/dem/{z}/{x}/{y}.png",
heightFactor: 1
});
window.globe = new Globe({
ellipsoid: mars,
name: "mars",
quadTreeStrategyPrototype: quadTreeStrategyType.equi,
target: "globus",
terrain: highResTerrain,
layers: [sat],
nightTextureSrc: null,
specularTextureSrc: null,
atmosphereEnabled: false
});
globe.planet.addControl(new control.ToggleWireframe());
globe.planet.addControl(new control.DebugInfo());
globe.planet.addControl(new control.Lighting());
globe.planet.renderer.controls.SimpleSkyBackground.colorOne = "rgb(0, 0, 0)";
globe.planet.renderer.controls.SimpleSkyBackground.colorTwo = "rgb(0, 0, 0)";
</script>
</body>