fixed zoom

rebornweb · Apr 5, 2024 · bdc8b0b · bdc8b0b
1 parent 79a5770
commit bdc8b0b
Showing 1 changed file with 7 additions and 4 deletions.
diff --git a/src/components/Map.tsx b/src/components/Map.tsx
@@ -2,11 +2,17 @@ import React, { useEffect } from 'react';
 import { Input, Checkbox } from '@chakra-ui/react';
 
 const GoogleMaps = ({ onLocationChange }) => {
-  const initMap = () => {
+
+
+  const initMap = async () => {
+     const { Map, InfoWindow } = await google.maps.importLibrary("maps") as google.maps.MapsLibrary;
+    const { AdvancedMarkerElement, PinElement } = await google.maps.importLibrary("marker") as google.maps.MarkerLibrary;
+
     const map = new google.maps.Map(document.getElementById("map")!, {
       center: { lat: 40.749933, lng: -73.98633 },
       zoom: 17,
       mapTypeControl: false,
+      mapId:'a26138f45e6ccac8',
     });
 
     const card = document.getElementById("pac-card")!;
@@ -41,15 +47,13 @@ const GoogleMaps = ({ onLocationChange }) => {
         map.fitBounds(place.geometry.viewport);
       } else {
         map.setCenter(place.geometry.location);
-        map.setZoom(17);
       }
 
       // Perform null check for place.geometry.location
       if (place.geometry && place.geometry.location) {
         marker.setPosition(place.geometry.location);
         marker.setVisible(true);
         map.setCenter(place.geometry.location);
-        map.setZoom(17);
       } else {
         console.error('No location found for the selected place');
       }
@@ -135,7 +139,6 @@ const GoogleMaps = ({ onLocationChange }) => {
               lng: position.coords.longitude,
             };
             map.setCenter(userLocation);
-            map.setZoom(10); // Adjust zoom level as needed
           },
           (error) => {
             console.error('Error getting user location:', error);