国际化

Vue Maplibre 组件 默认 使用英语，如果你希望使用其他语言，你可以参考下面的方案。

全局配置

Vue Maplibre 提供了全局配置国际化的配置。

import VueMaplibre from '@meteosci/vue-maplibre'
import zhCn from '@meteosci/vue-maplibre/es/locale/lang/zh-cn'

app.use(VueMaplibre, {
  locale: zhCn
})

ConfigProvider

Vue Maplibre 还提供了一个 Vue 组件 ConfigProvider 用于全局配置国际化的设置。

<template>
  <vm-config-provider :locale="locale">
    <app />
  </vm-config-provider>
</template>

<script setup>
  import { VmConfigProvider } from '@meteosci/vue-maplibre'
  import zhCn from '@meteosci/vue-maplibre/es/locale/lang/zh-cn'

  const locale = zhCn
</script>

CDN 用法

如果通过 CDN 使用 Vue Maplibre ，那么你需要添加以下代码，以下是使用 unpkg 的示例。

<script src="//unpkg.com/@meteosci/vue-maplibre/dist/locale/zh-cn"></script>
<script>
  app.use(VueMaplibre, {
    locale: VueMaplibreLocaleZhCn
  })
</script>

完整文档详见: ConfigProvider

支持的语言列表

  • 简体中文 (zh-cn)
  • 美国英语 (en-us)

如果你需要使用其他的语言，欢迎贡献 PR， 只需要在这里添加一个语言配置文件即可。