From b8726d456bc23a3cb4ad279e7670c0895511b489 Mon Sep 17 00:00:00 2001
From: neri <neri@ctdo.de>
Date: Tue, 14 Jan 2020 22:56:10 +0100
Subject: [PATCH] add osm embed on location page

---
 src/components/osmMap.js         | 20 ++++++++++++++++++++
 src/components/osmMap.module.css |  6 ++++++
 src/markdown-pages/treff.mdx     |  4 ++++
 3 files changed, 30 insertions(+)
 create mode 100644 src/components/osmMap.js
 create mode 100644 src/components/osmMap.module.css

diff --git a/src/components/osmMap.js b/src/components/osmMap.js
new file mode 100644
index 0000000..9f7f154
--- /dev/null
+++ b/src/components/osmMap.js
@@ -0,0 +1,20 @@
+import React from "react"
+import mapStyles from "./osmMap.module.css"
+
+export default () => {
+  return (
+    <>
+      <iframe
+        title="OpenStreetMaps Map zum Langen August"
+        src="https://www.openstreetmap.org/export/embed.html?bbox=7.4632975459098825%2C51.52693355178172%2C7.466703951358796%2C51.5284370503752&amp;layer=mapnik&amp;marker=51.527685307284564%2C7.465000748634338"
+        className={mapStyles.map}
+      ></iframe>
+      <br />
+      <small>
+        <a href="https://www.openstreetmap.org/?mlat=51.52769&amp;mlon=7.46500#map=19/51.52769/7.46500">
+          In OpenStreetMaps öffnen
+        </a>
+      </small>
+    </>
+  )
+}
diff --git a/src/components/osmMap.module.css b/src/components/osmMap.module.css
new file mode 100644
index 0000000..c21521a
--- /dev/null
+++ b/src/components/osmMap.module.css
@@ -0,0 +1,6 @@
+.map {
+  border: 1px solid white;
+  max-width: 425px;
+  width: 100%;
+  height: 350px;
+}
diff --git a/src/markdown-pages/treff.mdx b/src/markdown-pages/treff.mdx
index ff1b8ae..541bb75 100644
--- a/src/markdown-pages/treff.mdx
+++ b/src/markdown-pages/treff.mdx
@@ -4,6 +4,8 @@ title: "zeiten & location"
 edit: "treff.mdx"
 ---
 import RoomState from "../components/roomState.js"
+import OsmMap from "../components/osmMap.js"
+import Accordion from "../components/accordion.js"
 
 # Raumstatus: <RoomState/>
 
@@ -22,6 +24,8 @@ dann findest du auf der rechten Seite eine Tür in das Treppenhaus.
 Da noch zwei Stockwerke hoch, die rechte Tür führt zu uns.
 Wenn die Türen verschlossen sind, einfach (beim Chaostreff) klingeln.
 
+<OsmMap/>
+
 # Was wir tun
 
 Von dem gemütlichen Beisammensitzen, über das Fachsimpeln von technischen Themen