• 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
  • How To Mock uuid In Jest
  • Which Neural DSP Archetype Plugins Should You Buy?
  • How to Copy Files Using the Copy Webpack Plugin (without copying the entire folder structure)
  • Removing A Character From The Start/End of a String In Javascript
  • How To Convert FormData To JSON Object
  • How To Correctly Use Semantic HTML5 <article>, <main> and <section> Tags
  • Wild Natural Deodorant Review
  • How to Use Neural DSP Archetype Plugins With the Quad Cortex

Recent Comments

  • Thebe on How to Remove the My Sites Menu From the WordPress Admin Bar
  • Maccas worker jn the 2000s on Dear McDonald’s: bring back the Warm Cookie Sundae, you cowards
  • Anamika Singh on Testing Event Listeners In Jest (Without Using A Library)
  • Stefan on A List of WordPress Gutenberg Core Blocks
  • pandammonium on A List of WordPress Gutenberg Core Blocks

Copyright © 2022 · Dwayne Charrington · Log in

wpDiscuz