iTowns test
HTML
<script src="https://github.com/iTowns/itowns/releases/download/v2.0.0/itowns.js"></script>
<div id="globe"></div>
CSS
html, body, #globe {
height: 100%;
width: 100%;
padding: 0;
margin: 0;
overflow: hidden;
}
JavaScript
const positionOnGlobe = { longitude: 2.351323, latitude: 48.856712, altitude: 25000000 };
//{longitude: -61.014664, latitude: 14.589715, altitude: 250000000}
var view = new itowns.GlobeView(
document.getElementById("globe"),
positionOnGlobe
);
view.addLayer({
id: "base",
type: "color",
protocol: "wmts",
url: "http://wxs.ign.fr/pratique/wmts",
networkOptions: {
crossOrigin: "wxs.ign.fr",
},
options : {
attribution: "IGN",
name: "ORTHOIMAGERY.ORTHOPHOTOS",
mimetype: "image/jpeg",
tileMatrixSet: "PM",
zoom: {
min: 0,
max: 18
}
}
});
//view.controls.setTilt(80, false);
view.controls.setHeading(90, false);