Documentation Tutorial: Creating context at initialisation

Getting started with Earth

Introduction

This tutorial is a short explanation on how to map images from Earth on Mizar. The images are provided by a WMS server.

Code in Mizar

The first step is to select a coordinate reference system for the globe. The choice of a coordinate reference system implies :

a specific display for the coordinates,
a specific radius for the planet, which is part of the distance calculation between two points

The second step is to configure the access to a wms server through the method addLayer from Mizar.

Look at the code and change it to test it.

<!doctype html>
<html>

<head>
    <title>Getting started with Earth</title>
    <meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">

<script type="text/javascript" src="../Mizar.min.js"></script>

// mode dev
        //require(['Mizar'], function (Mizar) {

//mode prod
        function start() {
            // Create Mizar and initialize the Coordinate reference system for the planet
            var mizar = new Mizar({
                canvas: "MizarCanvas",
                planetContext: {
                    coordinateSystem: {geoideName: Mizar.CRS.WGS84}
                }
            });

// Add a WMS layer
            var layerID = mizar.addLayer({
                type: Mizar.LAYER.WMS,
                name: "Blue Marble",
                baseUrl: "http://demonstrator.telespazio.com/wmspub",
                layers: "BlueMarble"
            });

// Set this layer as background
            mizar.setBackgroundLayerByID(layerID);
        }
        //);

</script>

</head>

Introduction

Code in Mizar

Search results