Geocoding search for POIs near the user’s location
The search results filter in the geocoding control can be customized by specifying the type (poi) and giving higher priority to results near the user’s location. To search for points of interest (POIs) near the user, you can use the types and proximity options in the control constructor. The geographical point is represented by latitude and longitude coordinates [lat, lng]. For a complete list of geocoding control options, please refer to the Geocoding control’s reference documentation. In the example provided, we want to prioritize results near Times Square in New York, such as “hotels” and “bars”. To see the list of available place types, please check the place types list in the geocoding API documentation.
Learn more
Check the MapTiler Geocoding control API reference for all search options. For example specifying the language of the results, etc.
Do you want to see how the geocoder component is made? Check the MapTiler Geocoding control repository. You can also use it as inspiration to create your component.
Discover the process of integrating the geocoding control feature into your React (Geocoding React component repository) or Svelte (Geocoding Svelte component) applications. Additionally, you have the option to use the VanillaJS version to customize it for any of your applications.
Are you currently using a different map library? No worries! Learn how to incorporate the geocoding control functionality with Leaflet (Leaflet Geocoding control), OpenLayers (OpenLayers Geocoding control), or MapLibre GL JS (MapLibre GL JS Geocoding control).
