スキップしてメイン コンテンツに移動

【Maps JavaScript API】マップの言語設定について

今回はGoogle Maps JavaScript APを使って地図をカスタマイズする際の、「言語設定」について解説したいと思います。
この「言語設定」のことを「言語のローカライズ」と呼びます。


Google Maps JavaScript API を使用して地図を作成する場合、デフォルトの言語は、ブラウザで指定されたユーザの優先言語設定となります。
このブラウザで指定されたユーザの優先言語設定は、ブラウザの設定の「言語」を確認しましょう。(choromeの場合)
言語の項目の一番上に表示されている言語が、第一優先で表示されています。


Google Maps JavaScript APIで特に何も指定しない場合は、この一番上に表示されている言語で、コントロール名や著作権表示、運転ルート、ラベルなどのテキスト情報が表示されます。

それでは、この表示を特定の言語で表示する方法を見ていきましょう。

実装方法

実装はJavaScript APIのコードを読み込む際に、末尾に【&language=???】という言語の設定(language パラメータ)を追加するだけです。
<script src="https://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY&language=???"></script>

日本語を設定(【&language=ja】)
<script src="https://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY&language=jp"></script>

英語を設定(【&language=en】)
<script src="https://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY&language=en"></script>

ロシア語を設定(【&language=ru】)
<script src="https://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY&language=ru"></script>

例えば、ペルシア語を設定して API をロードすると、どのようになるか見てみましょう。


サンプルページはこちら
デフォルトで設定している言語かかわらず、マップ にペルシア語使用されることが確認できますね。

上記デモで設定したペルシア語は、RTL 言語(右から左に表記する文字)です。
RTL 言語の場合は、 要素に dir='rtl' を追加する必要がありますので、合わせて注意しましょう。
(※RTL 言語の例:アラビア語、ヘブライ語、ペルシア語)

言語の設定一覧

その他言語の設定は以下の一覧を確認してください。
※新しい言語が頻繁に追加されているようなので、Google Maps APIの公式サイトにも掲載されていない場合があります。
最新の情報は、こちらの公式サイトをご確認ください。
2017年11月時点で掲載されているのサポート言語は以下の通りとなります。

言語コード名 言語 言語コード 言語
arアラビア語 knカンナダ語
bgブルガリア語 ko韓国語
bnベンガル語 ltリトアニア語
caカタロニア語 lvラトビア語
csチェコ語 mlマラヤーラム語
daデンマーク語 mrマラーティー語
deドイツ語 nlオランダ語
elギリシャ語 noノルウェー語
en英語 plポーランド語
en-AU英語(オーストラリア) ptポルトガル語
es英語(英国) pt-BRポルトガル語(ブラジル)
esスペイン語 pt-PT ポルトガル語(ポルトガル)
euバスク語 ro ルーマニア語
fa ペルシャ語 ruロシア語
fi フィンランド語 skスロバキア語
filフィリピン語 slスロベニア語
frフランス語 sr セルビア語
glガリシア語 svスウェーデン語
guグジャラート語 taタミル語
hiヒンディー語 teテルグ語
hr クロアチア語 thタイ語
huハンガリー語 tlタガログ語
idインドネシア語 trトルコ語
itイタリア語 ukウクライナ語
iwヘブライ語 viベトナム語
ja日本語 zh-CN中国語(簡体字)
zh-TW中国語(繁体字)

マップの言語設定の解説は以上となります。
マップに言語を設定する際は、必ず事前に動作を検討した上で設定するように注意しましょう。

ご質問などございましたら、お気軽に下記コメント欄にお寄せください。

※当サイトで使用しているコンテンツについて
Googleマップの地図画面については、自作コンテンツを使用しています。
地図画像の使用については地図の共有、埋め込み方法についてをご確認ください。
また、手順説明に使用してるGoogleのホームページ、プロダクトページなどのキャプチャ画像についてはガイドラインに従った形で掲載しています。
詳しくはGoogle ブランド使用許諾 ブランド利用規約の概要よくある質問の内容をご確認ください。
(※上記説明内では、「必ず一切加工せずに使用してください。」と記載がありますが。当サイトで使用する場合、個人情報等保護のため、一部モザイク処理をしています。)
万が一、当サイトに規約違反となる画像等を発見した場合は、直ちにご報告ください。
尚、当サイトに掲載されている文章、画像等の著作権は、当社または文章、画像等の提供者にあります。これらの著作物は、「私的利用のための複製」や「引用」などの著作権法上認められた場合を除き、無断で転用・引用することはできません。ご利用になりたいものがありましたら、Google+よりお問い合わせください。



コメント