2017.03.22
Google マップで「竹島」と表示する方法は?
みなさん、こんにちは。
Google Maps JavaScript API は、みなさんご存知のとおり多言語に対応した地図です。そのため、language パラメータを設定することで様々な言語で地図を表示することができます!
以下は、一般的な JavaScript API のロード方法です。
<script src="https://maps.google.com/maps/api/js?v=3&key={API_KEY}&language=ja" ></script>
ちなみに、language パラメータを指定しないと、ブラウザのデフォルト言語が設定されますので、日本語を使用する場合には特に意識する必要はないと思います。
JavaScript API では、それ以外に地域の設定を行うパラメータが存在します。それが region パラメータになります。
<script src="https://maps.google.com/maps/api/js?v=3&key={API_KEY}&language=ja®ion=JP" ></script>
今回ブログのタイトルにある「竹島」と表示する方法は、この region パラメータが関係しています。
では、language パラメータと region パラメータを設定して地図を表示するデモアプリも作成しましたので、ご覧ください。
デフォルトでは、region パラメータを「地域未指定」にしているので「リアンクール岩礁」と表記されているのがわかりますか? この region パラメータを「日本(JP)」や「韓国(KR)」に変更してみてください。表記が「竹島」や「独島」に変わるはずです。このように region パラメータを指定することで、その地域(国)にローカライズされた表記が実現するようです。
日本で使用する場合、特に問題なければ「region=JP」と指定することをお勧めします!
なお、region パラメータに指定できる値は、ISO-3166-1 で定義されている国コードトップドメイン(2文字)のようです。(日本であれば「JP」、アメリカは「US」)
★まとめ
language: 地図の表記言語を切り替える region: 地図の表記文言自体を変えてしまう
最後に、Google Maps 標準の地図を表示するときも同じようなパラメータが存在します。
hl: 言語の設定(languageと同じ) gl: 地域の設定(regionと同じ)
https://maps.google.co.jp/maps?q=37.2426433,131.866828&hl=ja&gl=US
https://maps.google.co.jp/maps?q=37.2426433,131.866828&hl=ja&gl=JP
https://maps.google.co.jp/maps?q=37.2426433,131.866828&hl=ja&gl=KR
では、今日はこの辺で。
質問などありましたら下記よりお問い合わせください。
地図や位置情報を用いたシステムのご提案・開発ならマルティスープへ
マルティスープは、創業以来のGISとモバイル開発の実績と技術力で、営業支援システムやリサーチ・公共インフラ・工事・警備業界の現場を支援するシステム開発など、地図や位置情報を使った業務システムの導入のご提案や開発をいたします。
現場をつなぐコミュニケーションが屋内外業務のパフォーマンスを最大限に。マルティスープのiField(アイ・フィールド)®シリーズは、屋内外業務の現場の実力を減少させるコミュニケーション障壁を除き、使い慣れたスマートデバイスを使って 現場の実力をリアルに伝えるサービス。
位置・空間情報のエキスパート集団として一緒に働きませんか?
マルティスープは地図情報をはじめとする位置・空間情報技術のエキスパート集団です。当社で日々研究している地図や位置情報といった技術は、災害支援など貢献度の高いシステムとして使用されることもあれば、スマートフォンアプリのゲームとして使われることもあり、その利用用途・価値は、今後もますます広がっていっています。
私たちの企業理念は、「創る喜び、使う喜び」です。
今後の開発体制をより強化するために、新卒・中途問わず、当社の未来を共に創っていただける新メンバーを募集します!
【関連記事】こんな記事も読まれています
2017.01.16
みなさん、こんにちは!
Google Maps JavaScript API のライブラリには、データ可視化ライブラリ(visualiza・・・
2019.02.18
みなさん、こんにちは。
最近の Dynamics Maps を利用すると地図を選択するコントロールやズームコントロールが大きくなっているこ・・・
-
最新記事New Posts
-
人気記事Popular Posts
-
関連タグRelated Tags
-
アーカイブArchive