add Text shape

2 files changed, 20 insertions, 1 deletions

diff --git a/src/Map/Canvas.js b/src/Map/Canvas.js
index cbd6e9e..111063e 100644
--- a/src/Map/Canvas.js
+++ b/src/Map/Canvas.js
@@ -89,6 +89,10 @@ class Canvas {
 					this.drawPolygon(shape);
 					break;
 
+				case Shape.Text:
+					this.drawText(shape);
+					break;
+
 				default:
 					break;
 			}
@@ -126,6 +130,12 @@ class Canvas {
 		ct.stroke();
 		ct.fill();
 	}
+
+	drawText(shape) {
+		console.log('yes');
+		const ct = this.context;
+		ct.fillText(shape.text, shape.nodes[0].x, shape.nodes[0].y);
+	}
 }
 
 
diff --git a/src/Map/Shapes.js b/src/Map/Shapes.js
index 3443f73..e394b69 100644
--- a/src/Map/Shapes.js
+++ b/src/Map/Shapes.js
@@ -23,6 +23,7 @@ class Shape {
 	static Point = new ShapeType('Point');
 	static Path = new ShapeType('Path');
 	static Polygon = new ShapeType('Polygon');
+	static Text = new ShapeType('Text');
 
 	constructor(type, nodes) {
 		this.type = type;
@@ -67,6 +68,14 @@ class Polygon extends Shape {
 	}
 }
 
+class Text extends Shape {
+	constructor(node, text, fontSize) {
+		super(Shape.Text, [node]);
+		this.text = text;
+		this.fontSize = fontSize;
+	}
+}
+
 
 class ZoomLevel extends Enum {
 	static Globe = new ZoomLevel('Globe');
@@ -110,4 +119,4 @@ class MapObject {
 }
 
 
-export { Node, Shape, Point, Path, Polygon, ZoomLevel, MapObject };
+export { Node, Shape, Point, Path, Polygon, Text, ZoomLevel, MapObject };