diff --git a/src/index.js b/src/index.js
index b05ae984..48f6eec9 100644
--- a/src/index.js
+++ b/src/index.js
@@ -25,6 +25,7 @@ require('./overpassChooser')
require('./fullscreen')
require('./mapLayers')
require('./twigFunctions')
+require('./markers')
require('./categories')
require('./wikipedia')
require('./image')
diff --git a/src/markers.js b/src/markers.js
new file mode 100644
index 00000000..25d4f856
--- /dev/null
+++ b/src/markers.js
@@ -0,0 +1,27 @@
+var OverpassLayer = require('overpass-layer')
+
+function markerPointer (style) {
+ var fill = 'fillColor' in style ? style.fillColor : '#f2756a'
+ var strokeWidth = 'weight' in style ? style.weight : 1
+ var strokeColor = 'border' in style ? style.border : '#000000'
+
+ return ''
+}
+
+OverpassLayer.twig.extendFunction('markerLine', function (style) {
+ return ''
+})
+OverpassLayer.twig.extendFunction('markerCircle', function (style) {
+ var fill = 'fillColor' in style ? style.fillColor : '#f2756a'
+ var strokeWidth = 'weight' in style ? style.weight : 1
+ var strokeColor = 'border' in style ? style.border : '#000000'
+
+ return ''
+})
+OverpassLayer.twig.extendFunction('markerPointer', function (style) {
+ var fill = 'fillColor' in style ? style.fillColor : '#f2756a'
+ var strokeWidth = 'weight' in style ? style.weight : 1
+ var strokeColor = 'border' in style ? style.border : '#000000'
+
+ return ''
+}
diff --git a/style.css b/style.css
index ba5ade3d..fb046562 100644
--- a/style.css
+++ b/style.css
@@ -222,6 +222,11 @@ ul.overpass-layer-list > li > .markerParent {
}
ul.overpass-layer-list > li > .markerParent > .marker {
}
+.info > table > tr > td:first-of-type,
+.info > table > tbody > tr > td:first-of-type {
+ position: relative;
+}
+.info .sign,
ul.overpass-layer-list > li > .markerParent > .icon {
text-align: center;
position: absolute;