---
title: "MapTiler Geocoding Examples | Geocoding | JavaScript maps SDK"
description: "Practical examples of place search and reverse geocoding."
---

> For AI agents: a documentation index is available at [/llms.txt](https://docs-qmgv.pages.dev/llms.txt). Markdown versions of all pages are available by appending .md to any URL.

# MapTiler Geocoding Examples

 [![Geocoding control standalone vanilla JS](https://docs-qmgv.pages.dev/assets/img/example-card.webp)

![SDK JS](https://docs-qmgv.pages.dev/assets/img/logos/sdk-js.svg)

## Standalone vanilla JS component

Examples Sdk-js

Search for places using standalone vanilla JS geocoding control.](https://docs-qmgv.pages.dev/sdk-js/examples/geocoding-vanilla-js/)

 [![Geocoding with MapLibre GL JS](https://docs-qmgv.pages.dev/assets/img/example-card.webp)

![MapLibre](https://docs-qmgv.pages.dev/assets/img/logos/maplibre.svg)

## Geocoding with MapLibre

Examples Maplibre-gl-js

Add a geocoding control to search places in MapLibre maps.](https://docs-qmgv.pages.dev/maplibre/examples/geocoding-control/)

 [![Search features by coordinates using the geocoding control](https://docs-qmgv.pages.dev/assets/img/example-card.webp)

![SDK JS](https://docs-qmgv.pages.dev/assets/img/logos/sdk-js.svg)

## Geocoding control (reverse geocoding)

Examples Sdk-js

Perform coordinate-based searches using the reverse geocoding control.](https://docs-qmgv.pages.dev/sdk-js/examples/geocoding-reverse/)

 [![Geocoding search results to specified country(ies)](https://docs-qmgv.pages.dev/assets/img/example-card.webp)

![SDK JS](https://docs-qmgv.pages.dev/assets/img/logos/sdk-js.svg)

## Geocoding search results to specified country(ies)

Examples Sdk-js

Limit geocoding control search results to specific countries.](https://docs-qmgv.pages.dev/sdk-js/examples/geocoding-filter-country/)

 [![Geocoding limit results by area (bounding box)](https://docs-qmgv.pages.dev/assets/img/example-card.webp)

![SDK JS](https://docs-qmgv.pages.dev/assets/img/logos/sdk-js.svg)

## Geocoding limit results by area

Examples Sdk-js

Limit geocoding search results to a specific bounding box area.](https://docs-qmgv.pages.dev/sdk-js/examples/geocoding-filter-bbox/)

 [![Geocoding: Add place search to map](https://docs-qmgv.pages.dev/assets/img/example-card.webp)

![SDK JS](https://docs-qmgv.pages.dev/assets/img/logos/sdk-js.svg)

## Geocoding control

Tutorials Sdk-js

Search for places using the map geocoding control component.](https://docs-qmgv.pages.dev/sdk-js/examples/geocoder-component/)

 [![How to search places by coordinates (reverse geocoding)](https://docs-qmgv.pages.dev/assets/img/example-card.webp)

![SDK JS](https://docs-qmgv.pages.dev/assets/img/logos/sdk-js.svg)

## Reverse geocoding

Tutorials Sdk-js

Search places by coordinates using reverse geocoding.](https://docs-qmgv.pages.dev/sdk-js/examples/reverse-geocoding/)

 [![Customize API request from geocoding control](https://docs-qmgv.pages.dev/assets/img/example-card.webp)

![SDK JS](https://docs-qmgv.pages.dev/assets/img/logos/sdk-js.svg)

## Customize API request (geocoding control)

Examples Sdk-js

Modify geocoding URLs before fetching using the adjustUrl option.](https://docs-qmgv.pages.dev/sdk-js/examples/geocoding-adjusturl/)

 [![How to specify the geocoding control language(s) response text and prioritization](https://docs-qmgv.pages.dev/assets/img/example-card.webp)

![SDK JS](https://docs-qmgv.pages.dev/assets/img/logos/sdk-js.svg)

## Geocoding language

Examples Sdk-js

Specify languages for geocoding response text and query weighting.](https://docs-qmgv.pages.dev/sdk-js/examples/geocoding-language/)

 [![Reverse geocoding uses the user’s location to search for places](https://docs-qmgv.pages.dev/assets/img/example-card.webp)

![SDK JS](https://docs-qmgv.pages.dev/assets/img/logos/sdk-js.svg)

## Reverse geocoding uses the user’s location

Examples Sdk-js

Search for places by transforming coordinates into place names.](https://docs-qmgv.pages.dev/sdk-js/examples/geocoding-reverse-json/)

 [![Geocoding limit results by a drawn area](https://docs-qmgv.pages.dev/assets/img/example-card.webp)

![SDK JS](https://docs-qmgv.pages.dev/assets/img/logos/sdk-js.svg)

## Geocoding limit results by a drawn area

Examples Sdk-js

Limit geocoding search results to a drawn polygon bounding box.](https://docs-qmgv.pages.dev/sdk-js/examples/geocoding-filter-draw-bbox/)

 [![Geocoding search results closer to specific point](https://docs-qmgv.pages.dev/assets/img/example-card.webp)

![SDK JS](https://docs-qmgv.pages.dev/assets/img/logos/sdk-js.svg)

## Geocoding search results by proximity to a specific point

Examples Sdk-js

Rank geocoding search results higher based on proximity.](https://docs-qmgv.pages.dev/sdk-js/examples/geocoding-filter-proximity/)

 [![Geocoding: Show place search results](https://docs-qmgv.pages.dev/assets/img/example-card.webp)

![SDK JS](https://docs-qmgv.pages.dev/assets/img/logos/sdk-js.svg)

## Geocoding API

Tutorials Sdk-js

Search for places using the MapTiler Geocoding API.](https://docs-qmgv.pages.dev/sdk-js/examples/geocoding/)

 [![Geocoding search for POIs near the user's location](https://docs-qmgv.pages.dev/assets/img/example-card.webp)

![SDK JS](https://docs-qmgv.pages.dev/assets/img/logos/sdk-js.svg)

## Geocoding search for POIs near the user's location

Examples Sdk-js

Filter geocoding search results by specific place types.](https://docs-qmgv.pages.dev/sdk-js/examples/geocoding-filter-types/)

 [![How to search places using OpenLayers geocoding control](https://docs-qmgv.pages.dev/assets/img/example-card.webp)

![OpenLayers](https://docs-qmgv.pages.dev/assets/img/logos/openlayers.svg)

## Geocoding control

Tutorials Openlayers

Search for places using OpenLayers geocoding control.](https://docs-qmgv.pages.dev/openlayers/examples/geocoding-control/)

  [![Map in React js with geocoding control](https://docs-qmgv.pages.dev/assets/img/example-card.webp)

![React](https://docs-qmgv.pages.dev/assets/img/logos/react.svg) ![SDK JS](https://docs-qmgv.pages.dev/assets/img/logos/sdk-js.svg)

## Geocoding control - React

Tutorials React Sdk-js

Add geocoding control to React JS maps using MapTiler.](https://docs-qmgv.pages.dev/react/sdk-js/geocoding-control/)

  [![MapTiler SDK JS geocoding component how to search places using React JS](https://docs-qmgv.pages.dev/assets/img/example-card.webp)

![React](https://docs-qmgv.pages.dev/assets/img/logos/react.svg) ![SDK JS](https://docs-qmgv.pages.dev/assets/img/logos/sdk-js.svg)

## Geocoding component - React

Tutorials React Sdk-js

Search places using Geocoding control component in React JS.](https://docs-qmgv.pages.dev/react/sdk-js/geocoding-component/)

  [![MapLibre GL JS geocoding control how to search places using React JS](https://docs-qmgv.pages.dev/assets/img/example-card.webp)

![React](https://docs-qmgv.pages.dev/assets/img/logos/react.svg) ![MapLibre](https://docs-qmgv.pages.dev/assets/img/logos/maplibre.svg)

## Geocoding control - React

Tutorials React Maplibre-gl-js

Search places using Geocoding control in React JS maps.](https://docs-qmgv.pages.dev/react/maplibre-gl-js/geocoding-control/)

  [![MapTiler SDK JS geocoding control how to search places using Svelte](https://docs-qmgv.pages.dev/assets/img/example-card.webp)

![Svelte](https://docs-qmgv.pages.dev/assets/img/logos/svelte.svg) ![SDK JS](https://docs-qmgv.pages.dev/assets/img/logos/sdk-js.svg)

## Geocoding control - Svelte

Tutorials Svelte Sdk-js

Search places in Svelte using MapTiler geocoding control.](https://docs-qmgv.pages.dev/svelte/sdk-js/geocoding-control/)

  [![MapLibre GL JS geocoding control how to search places using Svelte](https://docs-qmgv.pages.dev/assets/img/example-card.webp)

![Svelte](https://docs-qmgv.pages.dev/assets/img/logos/svelte.svg) ![MapLibre](https://docs-qmgv.pages.dev/assets/img/logos/maplibre.svg)

## Geocoding control - Svelte

Tutorials Svelte Maplibre-gl-js

Search places using Svelte and MapLibre geocoding control.](https://docs-qmgv.pages.dev/svelte/maplibre-gl-js/geocoding-control/)

 [![How to search places using Leaflet geocoding control](https://docs-qmgv.pages.dev/assets/img/example-card.webp)

![Leaflet](https://docs-qmgv.pages.dev/assets/img/logos/leaflet.png)

## Geocoding control

Tutorials Leaflet

Search places with MapTiler geocoding control in Leaflet JS.](https://docs-qmgv.pages.dev/leaflet/examples/geocoding-control/)

Reset filter Founds X results.