ハウツー 地図の表示言語を切り替えるには

地名などのラベルの言語を、ja（日本語）、en（英語）、auto（閲覧者のブラウザ設定に合わせる）から選べます。初期値は auto です。

コード

data-lang 属性で指定します。

<style>
  .geolonia { width: 100%; height: 100vh; }
</style>

<div class="geolonia"
     data-lat="35.68" data-lng="139.75" data-zoom="13"
     data-lang="en"></div>

<script src="https://cdn.geolonia.com/embed/v5/embed?geolonia-api-key=YOUR-API-KEY"></script>
  • data-lang：ja、en、auto のいずれか。省略すると auto（ブラウザの言語設定に従う）です。

結果

上のコードは、それぞれのタブの下でそのまま動いています。英語名を持つラベル（この範囲では鉄道路線名など）が英語で表示されます。市区町村名などの地名は、そのスタイルのデータが英語名を持つ範囲でだけ切り替わり、英語名がない部分は現地表記のまま残ります。data-lang="ja"（または lang="ja"）にすると日本語に固定できます。

うまくいかないとき
  • 言語が変わらない → ラベルの言語はスタイルが持つデータに依存します。英語の地名を持たない地域では、指定しても現地表記のままになることがあります。
  • 一部だけ言語が混ざる → その地物に対応する言語のラベルがデータに無いためです。仕様どおりの挙動で、欠けている箇所は現地表記で補われます。