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