Changed location icon

osg-htc · Nov 3, 2023 · 410b9c0 · 410b9c0
1 parent f2248b0
commit 410b9c0
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 4 deletions.
diff --git 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
@@ -23,7 +23,7 @@ const MapControls: React.FC<MapControlsProps> = ({ 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
@@ -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<MarkersProps> = ({ onMarkerClick }) => {
           latitude={filteredFeature.geometry.coordinates[1]}
         >
           <Tooltip title={filteredFeature.properties["Institution Name"]} placement="top">
-          <School 
+          <LocationOnIcon 
             className="hover:scale-150 transition duration-300 ease-in-out cursor-pointer"
             fontSize="small" onClick={() => onMarkerClick(filteredFeature)} />
           </Tooltip>