gparuthi / maptools

Simple tool to scrape addresses on webpages and display them on a map view.

Home Page:http://htmltogeo.vercel.app

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Show address lines on a Map

Using NextJS + Typescript + ChakraUI

Demo: htmltogeo.vercel.app

A simple tool to visualize text addresses onto a map view.

Dev

  1. Create a project on Google Cloud and generate an API key
  2. Enable APIs on the project:
    • Geocoding API
    • Maps JavaScript API
  3. Paste the key in the code For testing:
  4. simple.tsx: Type or paste addresses in the text area and see the pins show up in realtime
  5. extractor.tsx: Extract text and copy to clipboard

image

About

Simple tool to scrape addresses on webpages and display them on a map view.

http://htmltogeo.vercel.app


Languages

Language:TypeScript 78.1%Language:JavaScript 19.6%Language:CSS 2.3%