parent
fd2833bd0d
commit
f946f473cc
3 changed files with 3 additions and 31 deletions
@ -1,27 +0,0 @@ |
||||
import React from "react"; |
||||
|
||||
import { MapContainer, Marker, Popup, TileLayer } from "react-leaflet"; |
||||
|
||||
const position = [51.505, -0.09]; |
||||
|
||||
const index = () => { |
||||
return ( |
||||
<MapContainer |
||||
center={position} |
||||
zoom={13} |
||||
style={{ width: "100%", height: "100vh" }} |
||||
> |
||||
<TileLayer |
||||
attribution='© <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors' |
||||
url="https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png" |
||||
/> |
||||
<Marker position={position}> |
||||
<Popup> |
||||
A pretty CSS3 popup. <br /> Easily customizable. |
||||
</Popup> |
||||
</Marker> |
||||
</MapContainer> |
||||
); |
||||
}; |
||||
|
||||
export default index; |
Before Width: | Height: | Size: 15 KiB |
Loading…
Reference in new issue