---
import Layout from 'layouts/Layout.astro';
import { Marker, Popup } from 'leaflet';
import { MapContainer } from 'react-leaflet'
---

<Layout title="maps test">

    <MapContainer client:load center={[51.505, -0.09]} zoom={13} scrollWheelZoom={false}>
        <Marker client:load lat={51.505} lng={-0.09}>
            <Popup client:load>
              A pretty CSS3 popup. <br /> Easily customizable.
            </Popup>
          </Marker>
    </MapContainer>

</Layout>