Google マップを色々な言語で見る方法 |
[1] 通常の Google マップを色々な言語で見る方法
通常の Google マップでは、場所の名前などが各国の現地語で自動的に表示されます。
例えば、日本で見れば、コントロールの名前、ラベル、著作権表記などのテキスト情報が日本語で表示されます。
これを、他の言語で見る方法を紹介します。
Google マップでは、ブラウザの上部のアドレスバーに、例えば次のように表示されます。
https://www.google.com/maps/@35.6812405,139.7649308,15z
実際には、さらに細かいデータが含まれていてかなり長くなっていると思いますが、これを使って他の言語に切り替える指定をします。
例えば「英語表示」にしたい場合は、アドレスバーに表示されたURL の一番後ろに ?hl=en というコードを足して次のようにします。
https://www.google.com/maps/@35.6812405,139.7649308,15z?hl=en
このような形で言語指定をすると、色々な言語で Google マップを見ることが出来ます。
?hl=en の en の部分を他の言語コードにすると別の言語で表示されます。言語コードは下の表を参考にしてください。
ただし、現時点で、この方法での上の表の全ての言語のチェックはしていませんのでご了承ください。また、この方法を、 Google が正式にアナウンスしているかどうかは未確認です。この点もご了承ください。
このページの作制時点では下記の言語がサポートされており、これらの言語コードを使用して各言語の地図ページを見ることが出来ます。
「言語コード」をクリックすると、コードをコピーして使うことが出来ます。
・最新のデータ:「Google Maps API Supported Languages」の一覧(Google のサイト)
言語コード language code |
言語 language name |
言語コード (マップ用) |
|
---|---|---|---|
ar | ARABIC | アラビア語 | ?hl=ar |
eu | BASQUE | バスク語 | ?hl=eu |
bg | BULGARIAN | ブルガリア語 | ?hl=bg |
bn | BENGALI | ベンガル語 | ?hl=bn |
ca | CATALAN | カタルーニャ語 | ?hl=ca |
cs | CZECH | チェコ語 | ?hl=cs |
da | DANISH | デンマーク語 | ?hl=da |
de | GERMAN | ドイツ語 | ?hl=de |
el | GREEK | ギリシャ語 | ?hl=el |
en | ENGLISH | 英語 | ?hl=en |
en-AU | ENGLISH (AUSTRALIAN) | 英語(オーストラリア) | ?hl=en-AU |
en-GB | ENGLISH (GREAT BRITAIN) | 英語(イギリス) | ?hl=en-GB |
es | SPANISH | スペイン語 | ?hl=es |
eu | BASQUE | バスク語 | ?hl=eu |
fa | FARSI | ペルシャ語・ファルシ語 | ?hl=fa |
fi | FINNISH | フィンランド語 | ?hl=fi |
fil | FILIPINO | フィリピン語 | ?hl=fil |
fr | FRENCH | フランス語 | ?hl=fr |
gl | GALICIAN | ガリシア語 | ?hl=gl |
gu | GUJARATI | グジャラート語 | ?hl=gu |
hi | HINDI | ヒンディー語 | ?hl=hi |
hr | CROATIAN | クロアチア語 | ?hl=hr |
hu | HUNGARIAN | ハンガリー語 | ?hl=hu |
id | INDONESIAN | インドネシア語 | ?hl=id |
it | ITALIAN | イタリア語 | ?hl=it |
iw | HEBREW | ヘブライ語 | ?hl=iw |
ja | JAPANESE | 日本語 | ?hl=ja |
kn | KANNADA | カンナダ語 | ?hl=kn |
ko | KOREAN | 韓国語 | ?hl=ko |
lt | LITHUANIAN | リトアニア語 | ?hl=lt |
lv | LATVIAN | ラトビア語 | ?hl=lv |
ml | MALAYALAM | マラヤーラム語 | ?hl=ml |
mr | MARATHI | マラーティー語 | ?hl=mr |
nl | DUTCH | オランダ語 | ?hl=nl |
nn | NORWEGIAN NYNORSK | ノルウェー語 ニーノシュク | ?hl=nn |
no | NORWEGIAN | ノルウェー語 | ?hl=no |
or | ORIYA | オリヤー語 | ?hl=or |
pl | POLISH | ポーランド語 | ?hl=pl |
pt | PORTUGUESE | ポルトガル語 | ?hl=pt |
pt-BR | PORTUGUESE (BRAZIL) | ポルトガル語(ブラジル) | ?hl=pt-BR |
pt-PT | PORTUGUESE (PORTUGAL) | ポルトガル語(ポルトガル) | ?hl=pt-PT |
rm | ROMANSCH | ロマンシュ語 | ?hl=rm |
ro | ROMANIAN | ルーマニア語 | ?hl=ro |
ru | RUSSIAN | ロシア語 | ?hl=ru |
sk | SLOVAK | スロバキア語 | ?hl=sk |
sl | SLOVENIAN | スロベニア語 | ?hl=sl |
sr | SERBIAN | セルビア語 | ?hl=sr |
sv | SWEDISH | スウェーデン語 | ?hl=sv |
tl | TAGALOG | タガログ語 | ?hl=tl |
ta | TAMIL | タミル語 | ?hl=ta |
te | TELUGU | テルグ語 | ?hl=te |
th | THAI | タイ語 | ?hl=th |
tr | TURKISH | トルコ語 | ?hl=tr |
uk | UKRAINIAN | ウクライナ語 | ?hl=uk |
vi | VIETNAMESE | ベトナム語 | ?hl=vi |
zh-CN | CHINESE (SIMPLIFIED) | 中国語(簡体字) | ?hl=zh-CN |
zh-TW | CHINESE (TRADITIONAL) | 中国語(繁体字) | ?hl=zh-TW |
[2] Google Maps API での言語指定・言語のローカライズ
Google Maps API では、地図上のコントロールの名前、ラベル、著作権表記などのテキスト情報の表示の言語を指定して設定することが出来ます。「言語のローカライズ」と言われます。
Google Maps API を使って地図ページを作制する場合、通常次のようなタグが必要になります。
<script src="http://maps.google.com/maps/api/js?key={APIキー}&language=ja"></script>
このタグの場合、言語の指定をしていませんので、ユーザーのブラウザに設定されている言語が優先されて表示されます。
これを表示させたい言語を指定するには、「language」のコードを追加します。例えば韓国語を指定したとすると次のようになります。
<script src="http://maps.google.com/maps/api/js?key={APIキー}&language=ko"></script>
&language=ko が言語の指定として追加したコードで、下の地図がその結果です。
<!doctype html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1.0">
<title>Map サンプル</title>
<meta name="robots" content="INDEX,FOLLOW" />
<style>
html, body, #map-canvas {
height: 100%;
margin: 0px;
padding: 0px
}
</style><script src="http://maps.google.com/maps/api/js?key={APIキー}&language=ko"></script>
<script>
var map;
function initialize() {
var mapOptions = {
zoom: 15,
center: new google.maps.LatLng(35.6890496,139.6901958),
mapTypeId: google.maps.MapTypeId.ROADMAP
};
map = new google.maps.Map(document.getElementById('map-canvas'),
mapOptions);
}
google.maps.event.addDomListener(window, 'load', initialize);
</script>
</head>
<body>
<div id="map-canvas"></div>
</body>
</html>