Include mapbox maki icons via <img src='maki:file-15'>

package.json

@@ -7,6 +7,7 @@
   "author": "Stephan Bösch-Plepelits <skunk@xover.mud.at>",
   "license": "GPL-3.0",
   "dependencies": {
+    "@mapbox/maki": "^4.0.0",
     "async": "^2.5.0",
     "color-interpolate": "^1.0.2",
     "font-awesome": "^4.7.0",

src/CategoryOverpass.js

@@ -5,6 +5,8 @@ var CategoryBase = require('./CategoryBase')
 var state = require('./state')
 var tabs = require('modulekit-tabs')
 var markers = require('./markers')
+var maki = require('./maki')
+
 var defaultValues = {
   feature: {
     title: "{{ localizedTag(tags, 'name') |default(localizedTag(tags, 'operator')) | default(localizedTag(tags, 'ref')) | default(trans('unnamed')) }}",
@@ -78,7 +80,13 @@ function CategoryOverpass (options, data) {
       let img = imgs[i]
 
       var src = img.getAttribute('src')
-      if (!src.match(/^(https?:|\.|\/)/)) {
+      if (src === null) {
+      } else if (src.match(/^maki:.*/)) {
+        img.removeAttribute('src')
+        maki(src.substr(5), {}, function (img, err, result) {
+          img.setAttribute('src', result)
+        }.bind(this, img))
+      } else if (!src.match(/^(https?:|\.|\/)/)) {
         img.setAttribute('src', (typeof openstreetbrowserPrefix === 'undefined' ? './' : openstreetbrowserPrefix) +
         'asset.php?repo=' + this.options.repositoryId + '&file=' + encodeURIComponent(img.getAttribute('src')))
       }

src/maki.js

@@ -0,0 +1,7 @@
+function maki (file, options, callback) {
+  var result = (typeof openstreetbrowserPrefix === 'undefined' ? './' : openstreetbrowserPrefix) +
+    'node_modules/@mapbox/maki/icons/' + file + '.svg'
+  callback(null, result)
+}
+
+module.exports = maki