---
title: "How to specify the geocoding control language(s) response text and prioritization | Geocoding | JavaScript maps SDK"
description: "Specify languages for geocoding response text and query weighting."
---
> For AI agents: a documentation index is available at [/llms.txt](https://docs.maptiler.com/llms.txt). Markdown versions of all pages are available by appending .md to any URL.
# How to specify the geocoding control language(s) response text and prioritization
Indicate the language(s) utilized for the response text and the prioritization of query results in geocoding control. Include the `language` options within the control constructor. For a complete list of geocoding control options, please refer to the [Geocoding control’s reference documentation](https://docs.maptiler.com/sdk-js/modules/geocoding/api/api-reference/types/MaptilerGeocoderOptions/). In the given example, we initialize the control to incorporate French and English languages.
### NPM module setup
```bash
npm install --save @maptiler/sdk @maptiler/geocoding-control
```
#### main.js
```js
import { Map, MapStyle, config } from '@maptiler/sdk';
import '@maptiler/sdk/dist/maptiler-sdk.css';
import { GeocodingControl } from '@maptiler/geocoding-control/maptilersdk';
config.apiKey = 'YOUR_MAPTILER_API_KEY_HERE';
const map = new Map({
container: 'map', // container id
style: MapStyle.STREETS,
center: [-72.745, 46.081], // starting position [lng, lat]
zoom: 6, // starting zoom
});
//set geocoding control language. Example Canada, Quebec province that is primarily Francophone
const gc = new GeocodingControl({
language: ['fr', 'en']
});
map.addControl(gc, 'top-right');
document.getElementById('buttons').addEventListener('click', function (event) {
// Retrieve language based on button id
gc.setOptions({
language: event.target.id,
placeholder: setPlaceHolder(event.target.id)
});
});
function setPlaceHolder(language) {
switch (language) {
case 'en':
return 'Search';
break;
case 'fr':
return 'Recherche';
break;
case 'de':
return 'Suchen';
break;
case 'ja':
return '検索';
break;
case 'es':
return 'Buscar';
break;
default:
return 'Search';
break;
}
}
```
#### index.html
```html
MapTiler Geocoding control language
```
## Learn more
Check the [MapTiler Geocoding control API reference](https://docs.maptiler.com/sdk-js/modules/geocoding/api/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](https://github.com/maptiler/maptiler-geocoding-control). 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](https://docs.maptiler.com/sdk-js/modules/geocoding/api/usage/react/)) or **Svelte** ([Geocoding Svelte component](https://docs.maptiler.com/sdk-js/modules/geocoding/api/usage/svelte/)) applications. Additionally, you have the option to use the [VanillaJS version](https://docs.maptiler.com/sdk-js/modules/geocoding/api/usage/vanilla-js/) 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](https://docs.maptiler.com/leaflet/examples/geocoding-control)), **OpenLayers** ([OpenLayers Geocoding control](https://docs.maptiler.com/openlayers/examples/geocoding-control/)), or **MapLibre GL JS** ([MapLibre GL JS Geocoding control](https://docs.maptiler.com/sdk-js/modules/geocoding/api/usage/maplibre-gl-js/)).
## Related examples
### [Geocoding API](https://docs.maptiler.com/sdk-js/examples/geocoding/)
Tutorials
Search for places using the MapTiler Geocoding API.
### [Geocoding limit results by area](https://docs.maptiler.com/sdk-js/examples/geocoding-filter-bbox/)
Examples
Limit geocoding search results to a specific bounding box area.
### [Geocoding search results by proximity to a specific point](https://docs.maptiler.com/sdk-js/examples/geocoding-filter-proximity/)
Examples
Rank geocoding search results higher based on proximity.
### [Geocoding search results to specified country(ies)](https://docs.maptiler.com/sdk-js/examples/geocoding-filter-country/)
Examples
Limit geocoding control search results to specific countries.