Documentation Tutorial: Basic control of the camera

Navigation control

Introduction

This tutorial is a short explanation on how to control the camera. The images are provided by a WMS server. The camera goes to (longitude, latitude) = (-160, 80). Then a zoom is given.

Code in Mizar

The first step is to look to the getting-started-with-Navigation to create the Earth.

For this step, you need to look at the navigation interface and the navigation package

Look at the code and change it to test it.

<!doctype html>
<html>

<head>
    <title>Navigation control</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}
                }
            });
            
            var layerID = mizar.addLayer({
                type: Mizar.LAYER.WMS,
                name: "Blue Marble",
                baseUrl: "http://demonstrator.telespazio.com/wmspub",
                layers: "BlueMarble"
            });

mizar.setBackgroundLayerByID(layerID);

// get the navigation object
            var nav = mizar.getActivatedContext().getNavigation();

//go to (longitude, latitude) = (-160,80)
            nav.zoomTo([-160, 80], {
                // then zoom
                callback:function() {
                    nav.zoom(0, 0.5);
                }
            });
        }//);

</script>

</head>

Introduction

Code in Mizar

Search results