---
title: "Leaflet multi-lingual map | Leaflet"
description: "Change the default map label language in Leaflet JS."
---
> 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.
# Leaflet multi-lingual map
This tutorial shows how to change the default map labels language. By default, if nothing is specified, the SDK uses the language defined in the browser. This corresponds to `maptilersdk.Language.AUTO`. To change the default language of the map, indicate the language in the `L.maptiler.maptilerLayer` config.
### NPM module setup
```bash
npm install --save @maptiler/leaflet-maptilersdk leaflet
```
#### main.js
```js
import { MaptilerLayer, MapStyle, Language } from '@maptiler/leaflet-maptilersdk';
import L from 'leaflet';
import 'leaflet/dist/leaflet.css';
const key = 'YOUR_MAPTILER_API_KEY_HERE';
const map = L.map('map').setView([50, 20], 3);
const mtLayer = new MaptilerLayer({
apiKey: key,
style: MapStyle.STREETS, // optional
language: Language.JAPANESE, //change the default language
}).addTo(map);
document.getElementById('buttons').addEventListener('click', function (event) {
// Retrieve language based on button id
mtLayer.setLanguage(Language[event.target.id]);
});
```
#### index.html
```html
Leaflet multi-lingual map | NPM example
```
Replace `YOUR_MAPTILER_API_KEY_HERE` with [your own API key](https://cloud.maptiler.com/account/keys/). Make sure to [secure the key](https://docs.maptiler.com/guides/developer/credentials/api-key/#secure-key) before you publish it.
## Related examples
### [Custom Map](https://docs.maptiler.com/leaflet/examples/custom-map/)
Tutorials
Display custom MapTiler maps on web pages with Leaflet JS.
### [Built-in basemap styles](https://docs.maptiler.com/leaflet/examples/map-style/)
Examples
Change MapTiler basemap styles easily using Leaflet JS maps.