28 lines
697 B
JavaScript
Executable File
28 lines
697 B
JavaScript
Executable File
import { MapContainer, TileLayer, } from 'react-leaflet';
|
|
import "./Map.css";
|
|
|
|
function MapPlaceholder() {
|
|
return (
|
|
<p>
|
|
Map of London.{' '}
|
|
<noscript>You need to enable JavaScript to see this map.</noscript>
|
|
</p>
|
|
)
|
|
}
|
|
|
|
function Map() {
|
|
return (
|
|
<MapContainer
|
|
center={[51.505, -0.09]}
|
|
zoom={13}
|
|
scrollWheelZoom={true}
|
|
placeholder={<MapPlaceholder />}>
|
|
<TileLayer
|
|
attribution='© <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors'
|
|
url="https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png"
|
|
/>
|
|
</MapContainer>
|
|
)
|
|
}
|
|
|
|
export default Map; |