leaflet.translate

Leaflet.translate

A localization/ translation plugin for Leaflet and Leaflet plugins.

The plugin contains both translations/ language pack files, and the code to load them.

It uses the Leaflet.i18n internationalisation plugin.

• Demo: nfreear.github.io/leaflet.plugins
• See: Leaflet/Leaflet/issues/9092

Also, fix accessibility issues with Leaflet.a11y.

Usage

Include or import core Leaflet and the plugins:

<script src="path/to/leaflet.js"></script>
<script src="path/to/Leaflet.i18n.js"></script>
<script src="path/to/Leaflet.translate.js"></script>

Then, call L.translate.load() and use the L._ translation function:

// Load language pack, based on URL parameter ('?lang=fr').
await L.translate.fromUrl.load();
// Or: await L.translate.load('fr');

var map = L.map('map').setView([51.505, -0.09], 13);

// ...

L.marker([51.5, -0.09], {
  alt: L._('Marker: {name}', { name: 'Sterry Street …' })
})
  .addTo(MAP)
  .bindPopup(L._('Hello! I’m a translation test.'));

Build and Test

npm install
npm run build
npm test
npm start

(Legacy repo.)

Feedback, translations, contributions and pull requests are welcome!

---

License: MIT.