• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar

I Like Kill Nerds

The blog of Australian Front End / Aurelia Javascript Developer & brewing aficionado Dwayne Charrington // Aurelia.io Core Team member.

  • Home
  • Aurelia 2
  • Aurelia 1
  • About
  • Aurelia 2 Consulting/Freelance Work

Adding Location Based Search To Your Website/Application Using Google Places Autosuggest

General · August 20, 2014

If you have used Airbnb before, then you would be familiar with the location field where you type your desired location and it gives you a dropdown of suggested places based on what you type.

I have seen sites that try and build their own location databases, but we all know it can be a difficult and sometimes expensive task to obtain up-to-date global location information for cities, landmarks, postal codes, regions and more. The Place Autocomplete API gives you the power of the Google Maps search dropdown without needing to buy the data.

The field isn’t only just limited to getting global addresses and locations, it also allows you to enforce restrictions on countries, cities and localised areas. You can also obtain every single component of the address selected from the field as well. You can specify a search radius, display results based on the users current location and more.

Surprisingly, there are a lot of developers out there rolling their own locations functionality into their web applications, when Google gives you a powerful API and comprehensive database for free. So stop building your own solutions and use the Place Autosuggest API here.

Dwayne

Leave a Reply Cancel reply

0 Comments
Inline Feedbacks
View all comments

Primary Sidebar

Popular

  • Testing Event Listeners In Jest (Without Using A Library)
  • How To Get The Hash of A File In Node.js
  • Thoughts on the Flipper Zero
  • Waiting for an Element to Exist With JavaScript
  • How To Paginate An Array In Javascript
  • Handling Errors with the Fetch API
  • ChatGPT Stopping Part Way Through a Response? Here Is How You Fix It
  • How To Get Last 4 Digits of A Credit Card Number in Javascript
  • How to Use Neural DSP Archetype Plugins With the Quad Cortex
  • How To Mock uuid In Jest

Recent Comments

  • CJ on Microsoft Modern Wireless Headset Review
  • Dwayne on Microsoft Modern Wireless Headset Review
  • CJ on Microsoft Modern Wireless Headset Review
  • john on Microsoft Modern Wireless Headset Review
  • Dwayne on Why You Should Be Using globalThis Instead of Window In Your Javascript Code

Copyright © 2023 · Dwayne Charrington · Log in

wpDiscuz