Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[feat] Add Google Maps to home page #4

Merged
merged 6 commits into from
Oct 8, 2024
Merged

[feat] Add Google Maps to home page #4

merged 6 commits into from
Oct 8, 2024

Conversation

ethan-tam33
Copy link
Contributor

What's new in this PR

Description

  • Downloaded @react-google-maps/api and @googlemaps/markerclusterer as dependencies.
  • Added Google Maps API key as NEXT_PUBLIC_GOOGLE_MAPS_API_KEY in .env.local file.
  • Created /components/map.tsx to render Google Maps centereda on NYC. Minimal styling at the moment.
  • Rendered map in pag.tsx.

Screenshots

Screenshot 2024-10-06 at 12 58 10 AM

How to review

  • Review .components/map.tsx and page.tsx.

Next steps

  • Add styling to map
  • Add markers to map

Relevant links

Online sources

https://developers.google.com/earth-engine/apidocs/map-add
https://github.com/JustFly1984/react-google-maps-api/tree/master/packages/react-google-maps-api

Related PRs

CC: @itsliterallymonique

@ethan-tam33 ethan-tam33 changed the title Ethantam/maps [feat] Add Google Maps to home page Oct 6, 2024
Copy link
Collaborator

@itsliterallymonique itsliterallymonique left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

awesome you can sqash and merge

@ethan-tam33 ethan-tam33 merged commit 4ccaca4 into main Oct 8, 2024
2 checks passed
@ethan-tam33 ethan-tam33 deleted the ethantam/maps branch October 8, 2024 00:32
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants