import React from "react"
import * as mapStyles from "./osmMap.module.css"

export default function OsmMap() {
  return (
    <>
      <iframe
        title="OpenStreetMap 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"
          target="_blank"
          rel="noreferrer"
        >
          In OpenStreetMap öffnen
        </a>
      </small>
    </>
  )
}