src/gisplayv2.js

/**
 * This file is the entry point for the Gisplay API
 */
import { Gisplay } from './Gisplay/Gisplay';
import { GisplayOptions } from './Gisplay/Maps/GisplayOptions';

module.exports = {

    /** #########################CHOROPLETH MAPS################################# */
    //Choropleth
    createBGMap: function () {
        console.log("Start gisplayv2. TESTE workflow18/02.");
        L.mapbox.accessToken = 'pk.eyJ1IjoibG9sYXNkIiwiYSI6ImNpbmxsZDJkejAwOHR2Zm0yZHVwOWV1ejEifQ.SJ6CupBlW0gPic0n-HgY6w';
        window.map = L.mapbox.map('map', 'mapbox.streets').setView([49.36855556, -81.66371667], 4);
    },

    startChoropleth: function () {
        /*window.count = 0;*/
        var gisplay = new Gisplay();
        var options = {
            colorScheme: ["white", "yellow", "orange", "red"],
            numberOfClasses: 4,
            attr: 'f3',
            legendTitle: 'Fatals'
        };
        var time = Date.now();

        var reader = new FileReader();
        reader.onloadend = function () {
            var data = JSON.parse(reader.result);
            var datareadtimestamp = Date.now();
            console.log("tempo de leitura do ficheiro: " + (datareadtimestamp - time) / 1000 + " segundos");

            /* console.log(window.map)
             console.log(map)*/
            gisplay.makeChoropleth(window.map, data, options);
            console.log("tempo gisplay: " + (Date.now() - datareadtimestamp) / 1000 + " segundos");
            console.log("tempo total: " + (Date.now() - time) / 1000 + " segundos");
        };
        reader.readAsText(document.getElementById("file").files[0]);
    },

    createBGMapChorocromatic: function () {
        L.mapbox.accessToken = 'pk.eyJ1IjoibG9sYXNkIiwiYSI6ImNpbmxsZDJkejAwOHR2Zm0yZHVwOWV1ejEifQ.SJ6CupBlW0gPic0n-HgY6w';
        window.map = L.mapbox.map('map', 'mapbox.streets').setView([49.36855556, -81.66371667], 4);
    },

    startChorocromatic: function () {
        var gisplay = new Gisplay();
        var options = {
            attr: 'f2',
            legendTitle: "Most Frequent Crime"
        };

        var time = Date.now();
        console.log("starting Chorocromatic Map...");

        var reader = new FileReader();
        reader.onloadend = function () {
            var data = JSON.parse(reader.result);
            var datareadtimestamp = Date.now();
            console.log("tempo de leitura do ficheiro: " + (datareadtimestamp - time) / 1000 + " segundos");
            gisplay.makeChorochromaticMap(map, data, options);
        }
        reader.readAsText(document.getElementById("file").files[0]);
    },

    /** #########################DOT MAPS################################# */
    //DOT MAP Example 1
    createBGMapDotMap: function () {
        L.mapbox.accessToken = 'pk.eyJ1IjoibG9sYXNkIiwiYSI6ImNpbmxsZDJkejAwOHR2Zm0yZHVwOWV1ejEifQ.SJ6CupBlW0gPic0n-HgY6w';
        window.map = L.mapbox.map('map', 'mapbox.dark').setView([49.36855556, -81.66371667], 4);
    },

    startDotMap1: function () {
        var gisplay = new Gisplay();
        console.log("starting Dot Map 1...");

        var options = {
            colorScheme: ["red", "green"],
            attr: 'f1',
            legendTitle: "Alcohol"
        };

        var reader = new FileReader();
        reader.onloadend = function () {
            var data = JSON.parse(reader.result);
            gisplay.makeDotMap(map, data, options);
        }
        reader.readAsText(document.getElementById("file").files[0]);
    },

    //DOT MAP Example 2
    startDotMap2: function () {
        var gisplay = new Gisplay();
        console.log("starting Dot Map 2...");

        var options = {
            colorScheme: ["blue", "red"],
            maxPointSize: 100,
            numberOfClasses: 2,
            classBreaksMethod: "k-means",
            minPointSize: 1,
            attr: 'f2',
            legendTitle: "Fatals"
        };

        var reader = new FileReader();
        reader.onloadend = function () {
            var data = JSON.parse(reader.result);
            gisplay.makeDotMap(map, data, options);
        }
        reader.readAsText(document.getElementById("file").files[0]);
    },

    /** #########################CHANGE MAPS################################# */
    //Change map Example
    createBGMapChangeMap: function () {
        L.mapbox.accessToken = 'pk.eyJ1IjoibG9sYXNkIiwiYSI6ImNpbmxsZDJkejAwOHR2Zm0yZHVwOWV1ejEifQ.SJ6CupBlW0gPic0n-HgY6w';
        window.map = L.mapbox.map('map', 'mapbox.dark').setView([49.36855556, -81.66371667], 4);
    },

    startChangeMap: function () {
        var gisplay = new Gisplay();
        console.log("starting Change Map 1...");

        var options = {
            colorScheme: ["green", "red"],
            minuend: 'f6',
            subtrahend: 'f2',
            alpha: 1,
            legendTitle: "Evolução entre 2009 e 2013"
        };

        var reader = new FileReader();
        reader.onloadend = function () {
            var data = JSON.parse(reader.result);
            gisplay.makeChangeMap(map, data, options);
        }
        reader.readAsText(document.getElementById("file").files[0]);
    },

    /** ########################PROP. SYMBOLS MAPS########################### */
    createBGPSymbols: function () {
        L.mapbox.accessToken = 'pk.eyJ1IjoibG9sYXNkIiwiYSI6ImNpbmxsZDJkejAwOHR2Zm0yZHVwOWV1ejEifQ.SJ6CupBlW0gPic0n-HgY6w';
        window.map = L.mapbox.map('map', 'mapbox.dark').setView([49.36855556, -81.66371667], 4);
    },

    startPSymbols: function () {
        var gisplay = new Gisplay();
        console.log("starting Proportional Symbols...");
        var options = {
            maxPointSize: 100,
            minPointSize: 5,
            attr: 'f1',
            alpha: 1.0,
            numberOfLegendItems: 3,
            legendTitle: "Accidents"
        };

        var time = Date.now();

        var reader = new FileReader();
        reader.onloadend = function () {
            var data = JSON.parse(reader.result);
            gisplay.makeProportionalSymbolsMap(map, data, options);
        }
        reader.readAsText(document.getElementById("file").files[0]);
    },

    /** #########################HEAT MAPS################################# */
};