Documentation Tutorial: Adding GeoJson

Adding GeoJSON

Introduction

TODO

Code in Mizar

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

TODO

<!doctype html>
<html>

<head>
    <title>Adding GeoJson</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,
                                projectionName: Mizar.PROJECTION.Azimuth
                            },
                            positionTracker: {
                                position: "bottom"
                            }
                        }
                    });
            
                    mizar.addLayer({
                        type: Mizar.LAYER.WMS,
                        name: "Blue Marble",
                        baseUrl: "http://demonstrator.telespazio.com/wmspub",
                        layers: "BlueMarble"
                    });

mizar.addLayer({
                        type: Mizar.LAYER.WCSElevation,
                        name: "earthElevation",
                        baseUrl: "http://demonstrator.telespazio.com/wcspub",
                        coverage: "GTOPO",
                        version: "1.0.0",
                        scale: 2
                    });
                    mizar.setBackgroundLayer("Blue Marble");
                    mizar.setBaseElevation("earthElevation");
                    mizar.addLayer({
                        type: Mizar.LAYER.GeoJSON,
                        name: "LandingSite",
                        url: "data/europe.json",
                        visible: true
                    });

}//);

</script>

</head>

Introduction

Code in Mizar

Search results