Localization

Pro & EnterpriseMulti-language support requires a Pro or Enterprise subscription.

Compare plans

Layota supports multiple languages for map content. Visitors see areas and markers in their preferred language.

Adding Languages

1. Open the Localization panel in the editor sidebar
2. Add languages you want to support (e.g., English, Russian, German)
3. Set a default language — used when no translation is available

Translating Content

For each area and marker, you can provide translations of:

• Title
• Description
• Status label
• Features

Open any area or marker, switch to the language tab, and enter the translated text.

Language Selection

The displayed language is determined by (in priority order):

1. SDK language option — explicitly set in code
2. Embed URL lang parameter — e.g., ?lang=de
3. Project default language — configured in settings
4. Fallback — original (untranslated) content

SDK Example

const map = new LayotaMap({
  container: '#map',
  projectId: 'your-project-id',
  language: 'de',  // initial language
})

// Switch language at runtime
map.setLanguage('ru')

// Listen for language changes
map.on('languageChange', ({ language }) => {
  console.log('Language changed to:', language)
})

Web Component Example

<layota-map
  src="https://layota.app/embed/PROJECT_ID"
  lang="de"
  style="width: 100%; height: 600px;"
></layota-map>

iframe Example

<iframe
  src="https://layota.app/embed/PROJECT_ID?lang=de"
  width="100%"
  height="600"
></iframe>

UI Translations

The map viewer UI (buttons, labels, search placeholder) is automatically translated based on the selected language. Layota ships with built-in UI translations for common languages.