diff --git a/src/index.css b/src/index.css index 70961ba..7a99ae5 100644 --- a/src/index.css +++ b/src/index.css @@ -40,4 +40,8 @@ canvas { height: 75vh; width: 95%; margin: 10px auto; +} + +#propertyLocationMap { + height: 30vh !important; } \ No newline at end of file diff --git a/src/pages/study_site_5/tab_content/PropertyLocation.jsx b/src/pages/study_site_5/tab_content/PropertyLocation.jsx index 4654693..b61f2f0 100644 --- a/src/pages/study_site_5/tab_content/PropertyLocation.jsx +++ b/src/pages/study_site_5/tab_content/PropertyLocation.jsx @@ -1,13 +1,29 @@ import { Text } from "@geist-ui/core"; +import { MapContainer, TileLayer, Marker, Popup } from "react-leaflet"; function PropertyLocation() { + const position = [52.3728, 4.8875]; + return ( - - Situated in the vibrant district of Jordaan, the flat is within walking - distance to key landmarks, shopping districts, and public transportation - hubs. Nearby attractions include the Anne Frank House, the Westermarkt, - and the bustling Dam Square. - +
+ + Situated in the vibrant district of Jordaan, the flat is within walking + distance to key landmarks, shopping districts, and public transportation + hubs. Nearby attractions include the Anne Frank House, the Westermarkt, + and the bustling Dam Square. + + + + + + Herengracht 221
1016 BG Amsterdam +
+
+
+
); }