英語 – ケケンタの独学ITブログ https://kekenta-it-blog.com プログラミングやWeb制作の情報を発信 Tue, 18 Mar 2025 02:29:52 +0000 ja hourly 1 https://wordpress.org/?v=7.0 https://kekenta-it-blog.com/wp-content/uploads/2023/07/cropped-KEKENTA-BLOG-32x32.png 英語 – ケケンタの独学ITブログ https://kekenta-it-blog.com 32 32 【超簡単！】Googleマップの表記を日本語から「英語」にする方法【Web制作】 https://kekenta-it-blog.com/google-map-display-en/ https://kekenta-it-blog.com/google-map-display-en/#respond Tue, 13 Aug 2024 01:53:36 +0000 https://kekenta-it-blog.com/?p=9991

Web制作をしているとGoogleマップをサイト内へ埋め込むことが度々あります。 英語圏向けのサイトであればGoogleマップ上の表記も「英語」の方が適しています。 そこで今回は Googleマップの表記を日本語から「英 […]]]>

Web制作をしているとGoogleマップをサイト内へ埋め込むことが度々あります。

英語圏向けのサイトであればGoogleマップ上の表記も「英語」の方が適しています。

そこで今回は

Googleマップの表記を日本語から「英語」にする方法

をご紹介します。

ケケンタ

難しいことはまったくなく、誰でも簡単にできます！

Web制作で副業するなら絶対使いこなしたいJavaScriptアニメーション
【コピペOK】タブ切り替えを紹介｜横並び・縦並び・タブ折返し【HTML】
【PHP超入門】PHPの基本構文をまるっと解説！【サンプルコードあり】
あわせて読みたい
PHPやWordPressを学ぶのにおすすめのプログラミングスクール【７選】 僕はこれまで独学でPHPを学習してきました。結論から言えば、それでもPHPを習得することはできました。 しかし、それに費やした累計学習期間は1年ほど。モチベーション…

GoogleマップをWebサイトへ埋め込む

まずはGoogleマップをWebサイトへ埋め込む基本的な方法から簡単にご説明します。

STEP
Googleマップを開く

Googleで「Googleマップ」と検索してGoogleマップを開きます。

STEP
Googleマップで表示したい場所の「名称」や「住所」を検索する
Googleマップで場所の「名称」や「住所」を検索する
Googleマップで場所の「名称」や「住所」を検索する
STEP
「共有」をクリックする
「共有」をクリックする
「共有」をクリックする
STEP
「地図を埋め込む」→「HTMLをコピー」をクリックする

「共有」をクリックするとモーダルウィンドウが表示されます。
その中の「地図を埋め込む」→「HTMLをコピー」をクリックします。

「地図を埋め込む」→「HTMLをコピー」をクリックする
「地図を埋め込む」→「HTMLをコピー」をクリックする
STEP
コピーしたHTMLをサイト上の表示したい箇所に貼りつける
<!DOCTYPE html>
<html lang="ja">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Googleマップ</title>
</head>
<body>
    <h2>Googleマップ</h2>

    <!-- ↓↓↓ コピーしたHTMLコード ↓↓↓ -->
    <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d25935.850526651633!2d139.7247671925361!3d35.65283196791798!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x60188bbbb41922f3%3A0x33ebfd75f2f06cac!2z5p2x5Lqs6YO95riv5Yy6!5e0!3m2!1sja!2sjp!4v1723511965441!5m2!1sja!2sjp" width="600" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
</body>
</html>
Googleマップ（日本語表記）
Googleマップ（日本語表記）
ケケンタ

以上がGoogleマップの基本的な埋め込み方法です！

Googleマップを「英語」表記にする

先ほど貼りつけたコードでは表記は日本語のままですので、ここから実際にGoogleマップを「英語」表記に変更します。

具体的には、先ほどGoogleマップからコピーしてきたHTMLコードの「src」属性を修正します。

「src」属性の末尾にある「1sja」→「1sen」に修正

<!-- 修正前 -->
<iframe src="https://www.google.com/maps/embed?pb=　～中略～　!5m2!1sja!2sjp" ～中略～></iframe>

<!-- 修正後 -->
<iframe src="https://www.google.com/maps/embed?pb=　～中略～　!5m2!1sen!2sjp" ～中略～></iframe>

一番最後の「jp」ではなく、そのひとつ前の「ja」を修正する点に注意してください。

上記のように修正するだけで、Googleマップの表記が「英語」に変わります。

Googleマップ（英語表記）
Googleマップ（英語表記）

まとめ

以上がGoogleマップの表記を「英語」にする方法でした。

ケケンタ

この記事が少しでもお役に立ったなら何よりです！

このブログでは、Web制作やWordPress、PHPに関する情報を発信しています。

ご興味のある方はぜひほかの記事もご覧いただけるとうれしいです。

もっと効率的にWeb制作を学びたい方へ

Web制作の学習は楽しいものですが、一人で進めていると「これで合っているのかな？」と不安になることもありますよね。

僕も独学でWeb制作を学んできましたが、今思うと「もっと早く知りたかった」と思うことがたくさんあります。

特に以下のような方は、一度プログラミングスクールの利用を検討してみることをおすすめします。

  • 学習の方向性に迷いがある方
  • 効率的にスキルを身につけたい方
  • 転職や副業でWeb制作を活用したい方
  • 挫折経験がある方

忍者CODEなら、業界最安値で24時間サポート付きの学習環境が整っています。

ご興味のある方は、こちらの記事で詳しくご紹介しています。

あわせて読みたい
忍者CODEでWeb制作を学ぶべき理由【業界最安値で挫折しない学習環境】 Web制作を学びたいけど、プログラミングスクールは高すぎるし、独学だと挫折しそうで不安…… このような悩みをお持ちの方に向けて、この記事では 業界最安値でWeb制作を...
]]> https://kekenta-it-blog.com/google-map-display-en/feed/ 0