Documentation Tutorial: Getting Started with Navigation

Getting started with navigation

Introduction

This tutorial is a short explanation on how to initiate the navigaiton at the Mizar's creation. The images are provided by a WMS server. The camera looks at Toulouse at 300 Km of altitude

Code in Mizar

The first step is to look to the Getting Started with Earth to create the Earth.

In the case of a planet, the PlanetNavigation or FlatNavigation is used. FlatNavigation is only used when the globe is projected on a 2D map. In our example, we use PlanetNavigation

The second step is to look at the initialisation of the PlanetNavigation for options.

Look at the code and change it to test it.

<!doctype html>
<html>

<head>
    <title>Getting started with navigation</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
            var mizar = new Mizar({
                canvas: "MizarCanvas",
                planetContext: {
                    coordinateSystem: {geoideName: Mizar.CRS.WGS84},
                    navigation: {
                        //longitude, latitude, distance from surface in meter
                        initTarget:[1.433, 43.600,300000],
                        // Enable inertia
                        inertia : true
                    }
                }
            });

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

mizar.setBackgroundLayerByID(layerID);
        }//);

</script>

</head>

Introduction

Code in Mizar

Search results