Using NextJS + Typescript + ChakraUI
Demo: htmltogeo.vercel.app
A simple tool to visualize text addresses onto a map view.
- Create a project on Google Cloud and generate an API key
- Enable APIs on the project:
- Geocoding API
- Maps JavaScript API
- Paste the key in the code For testing:
simple.tsx
: Type or paste addresses in the text area and see the pins show up in realtimeextractor.tsx
: Extract text and copy to clipboard