add osm embed on location page

This commit is contained in:
neri 2020-01-14 22:56:10 +01:00
parent 1d802153b7
commit b8726d456b
3 changed files with 30 additions and 0 deletions

20
src/components/osmMap.js Normal file
View File

@ -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>
</>
)
}

View File

@ -0,0 +1,6 @@
.map {
border: 1px solid white;
max-width: 425px;
width: 100%;
height: 350px;
}

View File

@ -4,6 +4,8 @@ title: "zeiten & location"
edit: "treff.mdx" edit: "treff.mdx"
--- ---
import RoomState from "../components/roomState.js" import RoomState from "../components/roomState.js"
import OsmMap from "../components/osmMap.js"
import Accordion from "../components/accordion.js"
# Raumstatus: <RoomState/> # 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. Da noch zwei Stockwerke hoch, die rechte Tür führt zu uns.
Wenn die Türen verschlossen sind, einfach (beim Chaostreff) klingeln. Wenn die Türen verschlossen sind, einfach (beim Chaostreff) klingeln.
<OsmMap/>
# Was wir tun # Was wir tun
Von dem gemütlichen Beisammensitzen, über das Fachsimpeln von technischen Themen Von dem gemütlichen Beisammensitzen, über das Fachsimpeln von technischen Themen