Coder Social home page Coder Social logo

apartment-map's Introduction

apartment-map

Import your apartment search to Google My Maps.

Why?

Apartment listing sites provide basic search filters to help narrow down listings. However, there is no way to consider custom factors outside what a site allows. Maybe you want to look at bus routes, crime, or even noise levels.

Demo

I pulled apartments in the Los Angeles area and displayed them alongside Metro stations:

Screenshot of Google My Maps

Each location has the price range and a link back to the original listing: Screenshot of Google My Maps showing listing details

If you want to add accurate commute estimates, use directions.py to modify your apartments.tsv file: Screenshot of Google My Maps showing listing details with distance and bus fare

Supported Sites

Instructions

  1. Do your search on a supported website.
  2. Right click on the page and hit "Inspect Element". In Chrome, this is just "Inspect".
    • Beware that this changes the size of the map and the results may change.
    • For best results, make sure you are on the first page of results.
  3. Go to the tab that says "Console".
  4. Copy and paste apartments.js into the console. When it's done, the page will offer to save a TSV file. Download that.
    • You may receive a warning about only pasting code you trust. Bypass that. If you have any concerns, feel free to read the code ๐Ÿ™‚
  5. Upload it to Google My Maps
    1. If you don't have a map yet, create one
    2. Click Add layer
    3. On the new layer, click Import
    4. Select your TSV file
    5. Pick address for the positioning column.
    6. Pick name for the marker name column.

Bonus

If you want accurate distance estimates using Google Maps:

  1. Get credentials for the Google Distance Matrix API
  2. Open directions.py and customize relevant variables
  3. Run directions.py with apartments.tsv in the same folder
  4. Use apartments-with-distance.tsv in lieu of apartments.tsv when following steps to add to Google My Maps.

apartment-map's People

Contributors

sameer avatar

Stargazers

 avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.