API to type city name and get a list of possible cities?

google-maps maps
lisovaccaro picture lisovaccaro · Aug 8, 2012 · Viewed 63.6k times · Source

I need to know on which city my users are.

I cannot use a regular text input since there are similar named cities and users can call the same city by different names,.

I want to let users type their city and display a list of similar results, I could do it with a world cities database, jquery and sql but I'm really not dying to do it from a scratch.

Is there any api (e.g: google) that has an unique ID for each city in the world and let's you search them? Could you post a link to a similar implementation?

Answer

Andrew Leach picture Andrew Leach · Aug 8, 2012

There is the Google Places Autocomplete API, https://developers.google.com/places/documentation/autocomplete

and a library for Maps Version 3 at https://developers.google.com/maps/documentation/javascript/places#places_autocomplete

but I don't know how well it will cope with different names for the same city — although, having tried it, it does present Munich, Germany for munchen — see how well your use case performs.

Related questions

How can I enter latitude and longitude in Google Maps?

Hi, I'm trying to enter the below longitude and latitude into Google Maps but having a few issues with the format. Lat. 46 + 23S, Lon. 115 + 22E I tried entering it into Google Maps but so far, no luck. It was taken …

Read More
How to import JSON File into a TypeScript file?

I am building a map application using Angular Maps and want to import a JSON file as a list of markers defining locations. I'm hoping to use this JSON file as marker[] array inside the app.component.ts . Instead of …

Read More
How to clear leaflet map of all markers and layers before adding new ones?

I have the fallowing code: map: function (events) { var arrayOfLatLngs = []; var _this = this; // setup a marker group var markers = L.markerClusterGroup(); events.forEach(function (event) { // setup the bounds arrayOfLatLngs.push(event.location); // create the marker var marker = L.marker([event.…

Read More