WiP. Replace image markers resolution-independent Canvas versions.

.eslintrc.json

@@ -0,0 +1,11 @@
+{
+    "extends": "eslint:recommended",
+    "parserOptions": {
+        "ecmaVersion": 6,
+        "sourceType": "module"
+    },
+    "env": {
+        "node": true,
+        "es6": true
+    }
+}

README.md

@@ -6,7 +6,7 @@ This fork adds features used by BEAT, including:
 
 * Marker support in the static (rendered) maps
 * Prometheus compatible `/metrics` endpoint
-* Improved `/health/` endpoint
+* Improved `/health` endpoint
 
 
 ## Documentation

package.json

@@ -36,17 +36,24 @@
     "http-shutdown": "^1.2.0",
     "morgan": "1.9.0",
     "nomnom": "1.8.1",
-    "npm": "^5.7.1",
+    "npm": "^5.8.0",
     "pbf": "3.0.5",
     "proj4": "2.4.4",
+    "prom-client": "11.0.0",
     "request": "2.83.0",
     "sharp": "^0.20.0",
-    "tileserver-gl-styles": "1.2.0",
-    "prom-client": "11.0.0"
+    "tileserver-gl-styles": "1.2.0"
   },
   "devDependencies": {
+    "eslint-config-standard": "^11.0.0",
+    "eslint-plugin-import": "^2.11.0",
+    "eslint-plugin-node": "^6.0.1",
+    "eslint-plugin-promise": "^3.7.0",
+    "eslint-plugin-standard": "^3.1.0",
+    "mocha": "^3.2.0",
     "should": "^11.2.0",
     "mocha": "^3.2.0",
-    "supertest": "^3.0.0"
+    "supertest": "^3.0.0",
+    "eslint": "^4.19.1"
   }
 }

src/serve_rendered.js

@@ -1,33 +1,30 @@
 'use strict';
 
-var advancedPool = require('advanced-pool'),
-    fs = require('fs'),
-    path = require('path'),
-    url = require('url'),
-    util = require('util'),
-    zlib = require('zlib');
+let advancedPool = require('advanced-pool');
+let fs = require('fs');
+let path = require('path');
+let url = require('url');
+let util = require('util');
+let zlib = require('zlib');
 
 // sharp has to be required before node-canvas
 // see https://github.com/lovell/sharp/issues/371
-var sharp = require('sharp');
+let sharp = require('sharp');
+let Canvas = require('canvas');
+let clone = require('clone');
+let Color = require('color');
+let express = require('express');
+let mercator = new (require('@mapbox/sphericalmercator'))();
+let mbgl = require('@mapbox/mapbox-gl-native');
+let mbtiles = require('@mapbox/mbtiles');
+let proj4 = require('proj4');
+let request = require('request');
 
-var Canvas = require('canvas'),
-    clone = require('clone'),
-    Color = require('color'),
-    express = require('express'),
-    mercator = new (require('@mapbox/sphericalmercator'))(),
-    mbgl = require('@mapbox/mapbox-gl-native'),
-    mbtiles = require('@mapbox/mbtiles'),
-    proj4 = require('proj4'),
-    request = require('request');
+let utils = require('./utils');
+let markerSize = 15;
+let FLOAT_PATTERN = '[+-]?(?:\\d+|\\d+\.?\\d+)';
 
-var utils = require('./utils');
-
-var markerSize = 20;
-
-var FLOAT_PATTERN = '[+-]?(?:\\d+|\\d+\.?\\d+)';
-
-var getScale = function(scale) {
+let getScale = function(scale) {
   return (scale || '@1x').slice(1, 2) | 0;
 };
 
@@ -40,18 +37,18 @@ mbgl.on('message', function(e) {
 /**
  * Lookup of sharp output formats by file extension.
  */
-var extensionToFormat = {
+let extensionToFormat = {
   '.jpg': 'jpeg',
   '.jpeg': 'jpeg',
   '.png': 'png',
-  '.webp': 'webp'
+  '.webp': 'webp',
 };
 
 /**
  * Cache of response data by sharp output format and color.  Entry for empty
  * string is for unknown or unsupported formats.
  */
-var cachedEmptyResponses = {
+let cachedEmptyResponses = {
   '': new Buffer(0)
 };
 
@@ -66,23 +63,6 @@ function createEmptyResponse(format, color, callback) {
     callback(null, { data: cachedEmptyResponses[''] });
     return;
   }
-
-  if (format === 'jpg') {
-    format = 'jpeg';
-  }
-  if (!color) {
-    color = 'rgba(255,255,255,0)';
-  }
-
-  var cacheKey = format + ',' + color;
-  var data = cachedEmptyResponses[cacheKey];
-  if (data) {
-    callback(null, {data: data});
-    return;
-  }
-
-  // create an "empty" response image
-  var color = new Color(color);
   var array = color.array();
   var channels = array.length == 4 && format != 'jpeg' ? 4 : 3;
   sharp(new Buffer(array), {
@@ -108,10 +88,10 @@ module.exports = function(options, repo, params, id, dataResolver) {
     scalePattern += i.toFixed();
   }
   scalePattern = '@[' + scalePattern + ']x';
-
+  4
   var lastModified = new Date().toUTCString();
 
-  var rootPath = options.paths.root;
+  // var rootPath = options.paths.root;
 
   var watermark = params.watermark || options.watermark;
 
@@ -206,7 +186,7 @@ module.exports = function(options, repo, params, id, dataResolver) {
 
               callback(null, response);
             });
-          } else if (protocol == 'http' || protocol == 'https') {
+          } else if (protocol === 'http' || protocol === 'https') {
             request({
               url: req.url,
               encoding: null,
@@ -408,11 +388,13 @@ module.exports = function(options, repo, params, id, dataResolver) {
       width != width || height != height) {
       return res.status(400).send('Invalid size');
     }
-    if (format == 'png' || format == 'webp') {
-    } else if (format == 'jpg' || format == 'jpeg') {
-      format = 'jpeg';
-    } else {
+
+    let formatIndex = ['jpg', 'jpeg', 'png', 'webp'].indexOf(format);
+
+    if (formatIndex == -1) {
       return res.status(400).send('Invalid format');
+    } else if (formatIndex < 2) {
+      format = 'jpeg';
     }
 
     var pool = map.renderers[scale];
@@ -539,6 +521,38 @@ module.exports = function(options, repo, params, id, dataResolver) {
     return path;
   };
 
+  var drawMarker = function(ctx, coordinates, scale, outerColour = "rgb(0,0,0)", innerColour = "rgb(255,255,255)", outerRadius = markerSize, innerRadius = markerSize * 0.35) {
+
+    [outerRadius, innerRadius, coordinates[0], coordinates[1]].map(console.log);
+
+    outerRadius = parseInt(outerRadius);
+    innerRadius = parseInt(innerRadius);
+    let x = parseInt(coordinates[0]);
+    let y = parseInt(coordinates[1]);
+
+    let validParams = [outerRadius, innerRadius, x, y].reduce(function(acc, element) {
+      if (isNaN(element)) {
+        console.log("element: " + element  + " is invalid.");
+      }
+      return acc && !isNaN(element);
+    }, true);
+
+    if (!validParams) {
+      console.log("invalid parameters!");
+    }
+    // outer circle.
+    ctx.beginPath();
+    ctx.arc(x, y, outerRadius, 0, 2 * Math.PI, false);
+    ctx.fillStyle = outerColour;
+    ctx.fill();
+
+    // inner circle.
+    ctx.beginPath();
+    ctx.arc(x, y, innerRadius, 0, 2 * Math.PI, false);
+    ctx.fillStyle = innerColour;
+    ctx.fill();
+  }
+
   var renderOverlay = function(z, x, y, bearing, pitch, w, h, scale,
     path, query) {
     if (!path || path.length < 2) {
@@ -593,16 +607,8 @@ module.exports = function(options, repo, params, id, dataResolver) {
 
     if (query.showMarkers && query.showMarkers == 1) {
       // Add the markers, if requested to do so.
-
-        var markers = [
-                        [markerImages[0], precisePx(path[0],z).map(function(loc,idx){ return (idx ==1)? loc - markerSize/2: loc - markerSize/2;})],
-                        [markerImages[1], precisePx(path[path.length-1],z).map(function(loc,idx){ return (idx == 1)?loc - markerSize/2: loc - markerSize/2;})]
-                    ];
-
-        markers.forEach(function(imgSpec){
-            var coordinates = imgSpec[1];
-            ctx.drawImage(imgSpec[0], coordinates[0], coordinates[1], markerSize, markerSize);
-        });
+      drawMarker(ctx,precisePx(path[path.length-1],z),scale, "rgba(179, 0, 0, 0.7)");
+      drawMarker(ctx,precisePx(path[0],z),scale, "rgba(0, 151, 25, 0.7)");
     }
 
     return canvas.toBuffer();
@@ -632,7 +638,7 @@ module.exports = function(options, repo, params, id, dataResolver) {
   if (options.serveStaticMaps !== false) {
     var staticPattern =
       '/' + id + '/static/:raw(raw)?/%s/:width(\\d+)x:height(\\d+)' +
-        ':scale(' + scalePattern + ')?\.:format([\\w]+)';
+      ':scale(' + scalePattern + ')?.:format([\\w]+)';
 
     var centerPattern =
       util.format(':x(%s),:y(%s),:z(%s)(@:bearing(%s)(,:pitch(%s))?)?',