Replace var with let.
authorPhilipp Spitzer <philipp@spitzer.priv.at>
Sat, 2 Jan 2021 16:59:07 +0000 (17:59 +0100)
committerPhilipp Spitzer <philipp@spitzer.priv.at>
Sat, 2 Jan 2021 16:59:07 +0000 (17:59 +0100)
wrmap.js

index 3994c4874834aee9822f3c037a0da8239b2eea5b..ac16eeb7ec417d870bdb84bb837b4c602a4bd496 100644 (file)
--- a/wrmap.js
+++ b/wrmap.js
@@ -16,14 +16,14 @@ OpenLayers.Popup.WrInfo = OpenLayers.Class(OpenLayers.Popup.FramedCloud, {
 
 function init_wrmap(i, jq_map) {
        // define constants
-       var EPSG4326 = ol.proj.get("EPSG:4326"); // lon/lat
-       var EPSG3857 = ol.proj.get("EPSG:3857"); // google
+       let EPSG4326 = ol.proj.get("EPSG:4326"); // lon/lat
+       let EPSG3857 = ol.proj.get("EPSG:3857"); // google
 
        // tool functions
        function createElement(tagName, attributes) {
-               var element = $(document.createElement(tagName));
+               let element = $(document.createElement(tagName));
                if (attributes === undefined) return element;
-               for (var attribute in attributes) {
+               for (let attribute in attributes) {
                        element.attr(attribute, attributes[attribute]);
                }
                return element;
@@ -31,7 +31,7 @@ function init_wrmap(i, jq_map) {
 
        function appendElement(parentElement, tagName, attributes) {
                if (attributes === undefined) attributes = {};
-               var element = createElement(tagName, attributes);
+               let element = createElement(tagName, attributes);
                parentElement.append(element);
                return element;
        }
@@ -39,27 +39,27 @@ function init_wrmap(i, jq_map) {
 
        // extract geojson from map element and clear map element's content
        jq_map = $(jq_map);
-       var ext_path = jq_map.attr('data-ext-path'); // e.g. '/mediawiki/extensions/wrmap'
-       var img_path = ext_path + '/img';
-       var json_string = jq_map.children().last().text();
+       let ext_path = jq_map.attr('data-ext-path'); // e.g. '/mediawiki/extensions/wrmap'
+       let img_path = ext_path + '/img';
+       let json_string = jq_map.children().last().text();
        jq_map.empty(); // once parsed, remove geojson string from the map element.
-       var json_js = JSON.parse(json_string);
-       var format_geojson = new ol.format.GeoJSON();
-       var features_all = format_geojson.readFeatures(json_js, {dataProjection: EPSG4326, featureProjection: EPSG3857});
+       let json_js = JSON.parse(json_string);
+       let format_geojson = new ol.format.GeoJSON();
+       let features_all = format_geojson.readFeatures(json_js, {dataProjection: EPSG4326, featureProjection: EPSG3857});
 
 
        // background layer
        // ----------------
 
        // OSM map
-       var layer_map = new ol.layer.Tile({
+       let layer_map = new ol.layer.Tile({
                source: new ol.source.OSM()
        });
 
 
        /*
        // Microsoft Bing Maps
-       // var layer_map = new OpenLayers.Layer.Bing({
+       // let layer_map = new OpenLayers.Layer.Bing({
        //      type: "Road",
        //      key: "AgPH3SlIXAwajrJKf0FORQyhTqsP8KIlvtN6RKfvxe6fOB6q6-HFmg8EOFm7LSOA",
        //      tileOptions: {crossOriginKeyword: null}});
@@ -71,7 +71,7 @@ function init_wrmap(i, jq_map) {
        // // see: https://opentopomap.org/about
 
        // // Alternative: Dummy base layer
-       // var layer_map = new OpenLayers.Layer.Vector("Base Layer", {
+       // let layer_map = new OpenLayers.Layer.Vector("Base Layer", {
        //     isBaseLayer: true});
        */
 
@@ -80,7 +80,7 @@ function init_wrmap(i, jq_map) {
        // ----------
 
        function get_feature_title(feature) {
-               var title = feature.get('type');
+               let title = feature.get('type');
                if (title == 'sledrun') return feature.get('name');
                title = title.charAt(0).toUpperCase() + title.slice(1); // first letter uppercase
                if (feature.get('name')) title += ': ' + feature.get('name');
@@ -88,8 +88,8 @@ function init_wrmap(i, jq_map) {
        }
 
        // Returns 0 to 5 for features that represent sledruns as their condition
-       var get_sledrun_condition = function(feature) {
-               var condition = feature.get('condition');
+       let get_sledrun_condition = function(feature) {
+               let condition = feature.get('condition');
                if (condition === undefined) return 0;
                return condition;
        }
@@ -142,15 +142,15 @@ function init_wrmap(i, jq_map) {
        }
 
        function style_path_function(feature, resolution) {
-               var line_color = {
+               let line_color = {
                        'rodelbahn': '#014e9a',
                        'gehweg': '#e98401',
                        'alternative': '#7f7fff',
                        'lift': '#000000',
                        'anfahrt': '#e1e100'
                };
-               var color = feature.get('strokeColor') || line_color[feature.get('type')] || '#e7525b';
-               var width = (feature.get('type') in ['lift', 'anfahrt']) ? 3 : 6;
+               let color = feature.get('strokeColor') || line_color[feature.get('type')] || '#e7525b';
+               let width = (feature.get('type') in ['lift', 'anfahrt']) ? 3 : 6;
                return new ol.style.Style({
                        stroke: new ol.style.Stroke({
                                color: color,
@@ -172,28 +172,28 @@ function init_wrmap(i, jq_map) {
 
        // popup overlay
        // -------------
-       var popup_container = document.getElementById('popup');
-       var popup_content = document.getElementById('popup-content');
-       var popup_closer = document.getElementById('popup-closer');
-       var popup_overlay = new ol.Overlay({element: popup_container, autoPan: {animation: {duration: 250}}});
+       let popup_container = document.getElementById('popup');
+       let popup_content = document.getElementById('popup-content');
+       let popup_closer = document.getElementById('popup-closer');
+       let popup_overlay = new ol.Overlay({element: popup_container, autoPan: {animation: {duration: 250}}});
        popup_closer.onclick = function() {popup_overlay.setPosition(undefined); popup_closer.blur(); return false;};
 
        function create_popup_dom(feature) {
-               var popup_div = createElement('div');
+               let popup_div = createElement('div');
 
                // name
                if (feature.get('name') !== undefined && (feature.get('wiki') !== undefined || feature.get('thumb_url') !== undefined)) {
-                       var h2 = appendElement(popup_div, 'h2');
+                       let h2 = appendElement(popup_div, 'h2');
                        if (feature.get('wiki') === undefined) h2.text(feature.get('name'));
                        else appendElement(h2, 'a', {href: feature.get('wiki')}).text(feature.get('name'));
                }
 
                // sledrun information
                if (feature.get('type') == 'sledrun') {
-                       var p = appendElement(popup_div, 'p').text('Rodelbahnzustand').append(createElement('br'));
+                       let p = appendElement(popup_div, 'p').text('Rodelbahnzustand').append(createElement('br'));
                        if (feature.get('condition') !== undefined) {
-                               var condition_text = {1: 'Sehr gut', 2: 'Gut', 3: 'Mittelmäßig', 4: 'Schlecht', 5: 'Geht nicht'};
-                               var year_month_day = feature.get('date_report').split('-');
+                               let condition_text = {1: 'Sehr gut', 2: 'Gut', 3: 'Mittelmäßig', 4: 'Schlecht', 5: 'Geht nicht'};
+                               let year_month_day = feature.get('date_report').split('-');
                                p.append(createElement('a', {href: feature.get('wiki') + '#Eintr.C3.A4ge'}).text(condition_text[feature.get('condition')]), ' ');
                                p.append(createElement('small').text(year_month_day[2] + '.' + year_month_day[1] + '.'), ' ');
                                p.append(createElement('em').append(createElement('a', {href: feature.get('wiki') + '#Eintragen'}).text('Neu')));
@@ -204,8 +204,8 @@ function init_wrmap(i, jq_map) {
 
                // wiki link
                if (feature.get('wiki') !== undefined) {
-                       var a = appendElement(appendElement(popup_div, 'p'), 'a', {href: feature.get('wiki')});
-                       var detail_text = 'Details';
+                       let a = appendElement(appendElement(popup_div, 'p'), 'a', {href: feature.get('wiki')});
+                       let detail_text = 'Details';
                        if (feature.get('type') == 'sledrun') detail_text += ' zur Rodelbahn';
                        if (feature.get('type') == 'gasthaus') detail_text += ' zum Gasthaus';
                        if (feature.get('thumb_url') === undefined) a.text(detail_text);
@@ -218,24 +218,24 @@ function init_wrmap(i, jq_map) {
 
        // map itself
        // ----------
-       var lon = json_js.properties.lon;
-       var lat = json_js.properties.lat;
-       var zoom = json_js.properties.zoom;
-       var width = json_js.properties.width;
-       var height = json_js.properties.height;
+       let lon = json_js.properties.lon;
+       let lat = json_js.properties.lat;
+       let zoom = json_js.properties.zoom;
+       let width = json_js.properties.width;
+       let height = json_js.properties.height;
        if (zoom === undefined) zoom = 10; // default zoom
        if (width === undefined) width = '100%'; // default width
        if (height === undefined) height = 450;  // default: 450 pixel
        jq_map.width(width);
        jq_map.height(height);
 
-       var layer_sledrun_source = new ol.source.Vector({features: features_all});
-       var layer_sledrun = new ol.layer.Vector({
+       let layer_sledrun_source = new ol.source.Vector({features: features_all});
+       let layer_sledrun = new ol.layer.Vector({
                source: layer_sledrun_source,
                style: style_function
        });
 
-       var map = new ol.Map({
+       let map = new ol.Map({
                target: jq_map[0],
                layers: [
                        layer_map,
@@ -257,13 +257,13 @@ function init_wrmap(i, jq_map) {
        });
 
 
-       var select_hover = new ol.interaction.Select({
+       let select_hover = new ol.interaction.Select({
                condition: ol.events.condition.pointerMove,
                style: style_function_selected,
        });
        map.addInteraction(select_hover);
 
-       var select_click = new ol.interaction.Select({
+       let select_click = new ol.interaction.Select({
                condition: ol.events.condition.click,
        });
        map.addInteraction(select_click);
@@ -281,7 +281,7 @@ function init_wrmap(i, jq_map) {
 }
 
 function init_wrmaps() {
-       var jq_maps = $('.wrmap'); // all wrmap <div> elements
+       let jq_maps = $('.wrmap'); // all wrmap <div> elements
        jq_maps.each(init_wrmap);
 }