ImAlpha/Portfolio
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

update api attempt

Browse Source
This commit is contained in:
Jacob Delgado 2023-11-19 01:56:49 -08:00
parent 75c5546d55
commit 5b5331814a
2 changed files with 4 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
Websites/jefes-nextjs/app/page.tsx
View File

@ -7,8 +7,7 @@ import MenuButton from "./menuButton";
import "./home.css"; import "./home.css";
import GoogleReviews from "./components/Reviews/google_reviews"; import GoogleReviews from "./components/Reviews/google_reviews";
import MapComponent from "@/components/Maps/MapComponent"; import MapComponent from "@/components/Maps/MapComponent";
import GoogleMaps from "./components/Maps/page";
import Map from "@googlemaps/react-wrapper";
export default function Home() { export default function Home() {
return ( return (
@ -290,12 +289,7 @@ export default function Home() {
</div> </div>
<div className="w-full h-[80svh] bg-blue-300"> <div className="w-full h-[80svh] bg-blue-300">
<GoogleReviews /> <GoogleReviews />
<GoogleMaps /> <MapComponent />
<Map
apiKey="AIzaSyDO7qlVQWRJGsW7dX1D9DFEMlTO4YsKBLI"
defaultZoom={8}
defaultCenter={{ lat: 37.7749, lng: -122.4194 }}
/>
</div> </div>
{/* <div className="flex flex-col w-full h-[180vh]"> {/* <div className="flex flex-col w-full h-[180vh]">
<EmblaCarousel /> <EmblaCarousel />

4
Websites/jefes-nextjs/components/Maps/MapComponent.tsx
View File

@ -19,7 +19,7 @@ function MyComponent() {
const [map, setMap] = React.useState(null) const [map, setMap] = React.useState(null)
const onLoad = React.useCallback(function callback(map) { const onLoad = React.useCallback(function callback(map:any) {
// This is just an example of getting and using the map instance!!! don't just blindly copy! // This is just an example of getting and using the map instance!!! don't just blindly copy!
const bounds = new window.google.maps.LatLngBounds(center); const bounds = new window.google.maps.LatLngBounds(center);
map.fitBounds(bounds); map.fitBounds(bounds);
@ -27,7 +27,7 @@ function MyComponent() {
setMap(map) setMap(map)
}, []) }, [])
const onUnmount = React.useCallback(function callback(map) { const onUnmount = React.useCallback(function callback(map:any) {
setMap(null) setMap(null)
}, []) }, [])