埋め込みのGoogleMapを外国語で表示する方法

海外向けウェブサイトを作っているとその国に向けたGoogleMapをサイトに埋め込みたくなる場合が出てきます。以下のように変更すれば英語版になります。

  1. embed? の後に次を追加 hl=en&(hl=en&)
  2. 1sja!2sjp(下部2か所) jaをenに変更 1sen!2sjp(en)

基本的に日本でアクセスすればグーグルマップも日本語で表示されますが、それは多分ブラウザやOSなどを認識して自動的にその様になっていると思います。
英語での表示にしたい場合はURLの中の ロケールIDと呼ばれている部分を書き換える事で可能となります。

マイマップの場合

英語表示にする場合は、日本語表示のHTMLテキストに赤字の部分を追加します。

日本語表示

<iframe src=”https://www.google.com
/maps/d/embed?mid=
1ukY612NnBXHwOBUxx5VB4dciWXgqo8c&amp;ehbc=2E312F” width=”640″ height=”480″></iframe>

英語表示に変更

<iframe src=”https://www.google.com
/maps/d/embed?hl=en&mid=
1ukY612NnBXHwOBUxx5VB4dciWXgqo8c&amp;ehbc=2E312F” width=”640″ height=”480″></iframe>

ルート案内の場合

英語表示にする場合は、日本語表示のHTMLテキストに青地の部分を赤字ように変更します。

日本語表示

<iframe style=”border: 0;” src=”https://www.google.com/maps/embed?pb=!1m64!1m12!1m3!1d6483.19901437072!2d139.72725027693107!3d35.66223768764614!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!4m49!3e2!4m5!1s0x60188b7e81833577%3A0x8e7bbed7ef3f58fc!2z5LmD5pyo5Z2C6aeF!3m2!1d35.6668266!2d139.7264971!4m5!1s0x60188b7e67a51dc1%3A0xe1bb7a76f7476e3!2z5LmD5pyo56We56S-!3m2!1d35.6688249!2d139.72796069999998!4m5!1s0x60188b7bf6ceeb3f%3A0x4025f2eaf2aa9d18!2z5Zu956uL5paw576O6KGT6aSo!3m2!1d35.665289!2d139.726374!4m5!1s0x60188b78922e6353%3A0xeb3e39dbe18da4d6!2z5p2x5Lqs44Of44OD44OJ44K_44Km44Oz!3m2!1d35.6659803!2d139.7308747!4m5!1s0x60188b9d536e2bd9%3A0xb90a4ccf619b280c!2z5YWt5pys5pyo5Lqk5beu54K5!3m2!1d35.663171!2d139.7323629!4m5!1s0x60188b771049dc33%3A0x5bfe0248594cc802!2z5YWt5pys5pyo44OS44Or44K6!3m2!1d35.6602384!2d139.73007669999998!4m5!1s0x60188b9f75046637%3A0x13a4fc45971afcd0!2z55m76b6NIOm6u-W4g-W6l-OAgeOAkjEwNi0wMDQ1IOadseS6rOmDvea4r-WMuum6u-W4g-WNgeeVqu-8kuS4geebru-8lOKIku-8lQ!3m2!1d35.6560097!2d139.7346384!4m5!1s0x60188b9f546bd5d7%3A0x838ce344a31bc24e!2z6bq75biD5Y2B55Wq6aeF!3m2!1d35.6561336!2d139.7368813!5e0!3m2!1sja!2sjp!4v1655348682207!5m2!1sja!2sjp” width=”600″ height=”450″ allowfullscreen=”allowfullscreen”></iframe>

英語表示に変更

<iframe style=”border: 0;” src=”https://www.google.com/maps/embed?pb=!1m64!1m12!1m3!1d6483.220794756386!2d139.72904320640382!3d35.661969441445564!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!4m49!3e2!4m5!1s0x60188b7e81833577%3A0x8e7bbed7ef3f58fc!2z5LmD5pyo5Z2C6aeF44CB44CSMTA3LTAwNjIg5p2x5Lqs6YO95riv5Yy65Y2X6Z2S5bGx77yR5LiB55uu77yS77yV4oiS77yY!3m2!1d35.6668266!2d139.7264971!4m5!1s0x60188b7e67a51dc1%3A0xe1bb7a76f7476e3!2sNogi-jinja%20Shrine!3m2!1d35.6688249!2d139.72796069999998!4m5!1s0x60188b7bf6ceeb3f%3A0x4025f2eaf2aa9d18!2sThe%20National%20Art%20Center%2C%20Tokyo!3m2!1d35.665289!2d139.726374!4m5!1s0x60188b78922e6353%3A0xeb3e39dbe18da4d6!2sTokyo%20Midtown!3m2!1d35.6659803!2d139.7308747!4m5!1s0x60188b771049dc33%3A0x5bfe0248594cc802!2sRoppongi%20Hills!3m2!1d35.6602384!2d139.73007669999998!4m5!1s0x60188b77b4ec062b%3A0x23ecb9dbb6be3cc7!2sMohri%20Gardens%2C%206%20Chome-10-1%20Roppongi%2C%20Minato%20City%2C%20Tokyo%20106-6108!3m2!1d35.6603225!2d139.7304934!4m5!1s0x60188b9f75046637%3A0x13a4fc45971afcd0!2sTohryu%2C%202%20Chome-4-5%20Azabujuban%2C%20Minato%20City%2C%20Tokyo%20106-0045!3m2!1d35.6560097!2d139.7346384!4m5!1s0x60188b9f05165cdf%3A0x6af41c4f54a76872!2z6bq75biD5Y2B55Wq6aeF44CB44CSMTA2LTAwNDUg5p2x5Lqs6YO9IOa4r-WMuum6u-W4g-WNgeeVqu-8keS4geebru-8lOKIku-8lg!3m2!1d35.656399!2d139.7366023!5e0!3m2!1sen!2sjp!4v1655565018116!5m2!1sen!2sjp” width=”600″ height=”450″ allowfullscreen=”allowfullscreen”></iframe>

コメント

タイトルとURLをコピーしました