1 files changed, 24 insertions, 0 deletions
diff --git a/frontend/src/components/app/map/controls/ZoomControlComponent.js b/frontend/src/components/app/map/controls/ZoomControlComponent.js
new file mode 100644
index 00000000..e1b7491e
--- /dev/null
+++ b/frontend/src/components/app/map/controls/ZoomControlComponent.js
@@ -0,0 +1,24 @@
+import React from "react";
+
+const ZoomControlComponent = ({ zoomInOnCenter }) => {
+  return (
+    <span>
+      <button
+        className="btn btn-default btn-circle btn-sm mr-1"
+        title="Zoom in"
+        onClick={() => zoomInOnCenter(true)}
+      >
+        <span className="fa fa-plus" />
+      </button>
+      <button
+        className="btn btn-default btn-circle btn-sm mr-1"
+        title="Zoom out"
+        onClick={() => zoomInOnCenter(false)}
+      >
+        <span className="fa fa-minus" />
+      </button>
+    </span>
+  );
+};
+
+export default ZoomControlComponent;