:globe_with_meridians: Turn any <input> into an address autocomplete
Places is going away on May 31st 2022. Read our blog post announcement.
Places is going away on May 31st 2022. Read our blog post announcement.
Places is going away on May 31st 2022. Read our blog post announcement.
Places is going away on May 31st 2022. Read our blog post announcement.
Places is going away on May 31st 2022. Read our blog post announcement.
Places is going away on May 31st 2022. Read our blog post announcement.
Algolia Places provides a fast, distributed and easy way to use an address search autocomplete JavaScript library on your website.
See the website for more information.
Read the blog post introducing Algolia Places.
Fill the Google form to report any irrelevant results.
Watch more examples on the website.
To use Algolia Places, all you need is an <input>
and some JavaScript code that will load
and use the places.js library.
<script>
Our JavaScript library is available on the jsDelivr CDN and also on cdnjs.
<script src="https://cdn.jsdelivr.net/npm/[email protected]"></script>
Here’s a small example using it:
<input type="search" id="address-input" placeholder="Where are we going?" />
<script>
var placesAutocomplete = places({
appId: "<YOUR_PLACES_APP_ID>",
apiKey: "<YOUR_PLACES_API_KEY>",
container: document.querySelector('#address-input')
});
</script>
Algolia Places is also available on npm.
Install the module:
npm install places.js --save
Put an <input>
in your html page:
<input type="search" id="address-input" placeholder="Where are we going?" />
Initialize the places.js library:
var places = require('places.js');
var placesAutocomplete = places({
appId: "<YOUR_PLACES_APP_ID>",
apiKey: "<YOUR_PLACES_API_KEY>",
container: document.querySelector('#address-input')
});
Full documentation is available on the Algolia Places website.
Wanna contribute? Awesome, please read the contributing guide.