新旧Googleマップ埋め込みコードの取得方法
株式会社TREVOのブログは、Web制作の現場で日々奮闘しているスタッフが、企画・デザイン・開発・SEO・運用まで幅広いテーマで執筆しています。
「分かりやすく、役に立つ」ことをモットーに、ホームページ制作や運営のヒント、トレンド情報、日々の気づきを発信中です。大阪を拠点に、全国のお客様と向き合いながら培った現場目線のノウハウを、実体験ベースでお届けします。
初めてホームページ制作をご検討の方から、リニューアルや集客強化を考えている方まで、何かヒントになる情報があればうれしいです。
記事へのご質問やご相談も、お気軽にお問い合わせください。
執筆記事：記事一覧ページ
2005年から WEB 業界一筋。500サイト超を手がける SEO・WordPress のエキスパート。「公開後こそ本番」を掲げ、データ分析とユーザー視点で成果を引き出す運用を提案。
2005年に制作会社へ入社後、プログラマーからキャリアをスタート。サーバー構築・データベース設計で培った技術を強みに、WordPress テーマ／プラグイン開発やサイト移行の難案件を多数担当してきました。
2010年以降は SEO エンジニアとしても活動領域を拡大。コンテンツ設計・内部リンク最適化・高速化チューニングにより、競合の激しいビッグキーワードで上位獲得を実現してきました。
現在は TREVO のウェブディレクターとして、要件定義から運用改善まで一気通貫でリード。AI ライティングや GA4／Looker Studio を活用したレポーティング手法を開発し、「数字で説明できるサイト運用」をポリシーにクライアントの ROI 最大化を支援しています。
趣味／強み：筋トレとランニングで日々の集中力をキープ。複雑な課題を“仕組み”で解決するのが得意。
モットー：「サイトは資産。改善を止めた瞬間から価値は目減りする」
SNS:x（旧 Twitter）@TREVO_WEB
ホームページを制作すると、アクセス等のページにマップを入れることはよくあります。
そんな時によく利用するのがGoogleマップです。
以前は、ページ内にGoogleマップを埋め込むのに少し手間だったのですが、今では簡単に地図を埋め込むことができます。
埋め込み方法
Googleマップにアクセスして表示させたい住所を入力します。
表示された住所が表示されます。
右下に表示される歯車のボタンをクリックします。
「リンクを共有/地図を埋め込む」のボタンをクリックします。
画面が切り替わり「リンクを共有」と「地図を埋め込む」のどちらを選択できるので「地図を埋め込む」をクリックします。
地図のサイズを選びます。
サイズは「大」「中」「小」「カスタム」から選ぶことができます。
「カスタム」を選択すると地図の高さと横幅を入力することができ、好みのサイズに変更できます。
完成したコードをコピーしてホームページに張り付けるとホームページに上に地図が表示されます。
旧マップコードの取得方法
Googleマップは少しずづ改良されており、今回紹介した方法のひとつ前の地図では少し地図の表示の仕方が異なります。
また、新しい地図では検索した住所によっては位置を示すピンが表示しないことがあります。
そんな時に旧地図のコードを張り付けるとピンが表示することがります。
新しいGoogleマップにアクセスして表示させたい住所を入力します。
画像の右下にある「？」ボタンをクリックします。
「以前のマップに戻る」ボタンが表示されるのでクリックすします。
画面が切り替わり画面左側に地図の設定情報が表示されます。
その中から「リンク」マークをクリックします。
すると「ウェブサイトへの地図埋め込み用 HTML コード」が表紙されるので
コードをコピーしてホームページに張り付けると地図が表示されます。
必要に応じて使いけてください。
大阪のホームページ制作会社TREVOでは、最短2日で仮サイトを公開できるスピード対応や、SEO対策に強いオリジナルデザインの制作サービスを提供しています。
