diff --git a/src/app/components/MapComponent.tsx b/src/app/components/MapComponent.tsx index 550c93c..6bc2169 100644 --- a/src/app/components/MapComponent.tsx +++ b/src/app/components/MapComponent.tsx @@ -9,7 +9,7 @@ const MapComponent = () => { const viewState =({ latitude: 39.8283, longitude: -98.5795, - zoom: 3, + zoom: 4.5, width: '100%', height: '100vh', }); diff --git a/src/app/components/MapControllers.tsx b/src/app/components/MapControllers.tsx index 5310eee..f2e371e 100644 --- a/src/app/components/MapControllers.tsx +++ b/src/app/components/MapControllers.tsx @@ -23,7 +23,7 @@ const MapControls: React.FC = ({ mapRef }) => { const map = mapRef.current.getMap(); map.flyTo({ center: [-98.5795, 39.8283], - zoom: 2, + zoom: 4.5, bearing: 0, pitch: 0, duration: 2000, diff --git a/src/app/components/Markers.tsx b/src/app/components/Markers.tsx index 092d0fd..eb81d45 100644 --- a/src/app/components/Markers.tsx +++ b/src/app/components/Markers.tsx @@ -1,11 +1,12 @@ import React, { useMemo, useState, useEffect } from "react"; import { Marker } from "react-map-gl"; -import { School } from "@mui/icons-material"; +import LocationOnIcon from '@mui/icons-material/LocationOn'; import { Feature, TypedFeatures } from "../../../types/mapTypes"; import Features from "../../../public/features.json"; import { getFacilityEsData } from "@/app/institutions/elasticQuery.js"; import { Tooltip } from "@mui/material"; + type MarkersProps = { onMarkerClick: (feature: Feature) => void; }; @@ -58,7 +59,7 @@ const Markers: React.FC = ({ onMarkerClick }) => { latitude={filteredFeature.geometry.coordinates[1]} > - onMarkerClick(filteredFeature)} />