How to search places by coordinates (reverse geocoding)
In this step-by-step tutorial, we will demonstrate the process of finding locations using coordinates through the utilization of the MapTiler Geocoding API. The option to search by coordinates allows for the conversion of specific coordinates into corresponding place names, a technique commonly referred to as reverse geocoding.
MapTiler’s all-in-one Geocoding search API offers users the ability to effortlessly locate specific places either by their names or addresses (direct geocoding) or by inputting coordinates (reverse geocoding).
Click on the map to search for places.
-
Copy the following code, paste it into your favorite text editor, and save it as a
.htmlfile.
-
Replace
YOUR_MAPTILER_API_KEY_HEREwith your actual MapTiler API key. -
The next is up to you. You can center your map wherever you desire (modifying the
starting position) and set an appropriate zoom level (modifying thestarting zoom) to match your users’ needs. Additionally, you can change the map’s look (by updating thesource URL); choose from a range of visually appealing map styles from our extensive MapTiler standard maps, or create your own to truly differentiate your application.
-
Create the map layer where we will display the search results.
-
Create the function to perform the reverse geocoding search when the map is clicked. Show the results on the map and adjust the map view to the results.
-
We already have the results on the map, now we will create a list to show the place names found. By clicking on a name we will zoom to the bbox of the place
-
Create the html element where to display the list. Add after the element that contains the map
-
Create the style of the list. Add the list style to your stylesheet.
Learn more
Check out the tutorials on How to search places (geocoding) and How to search places using the geocoder component.
Visit the MapTiler Geocoding API reference for all search options. For example specifying the language of the results, etc.
