Google Mapの設定方法

Googleで提供されているGoogle Mapを実際にホームページに貼り付ける方法をご紹介します。

手順紹介

  • Google Mapのページへアクセスします。
  • ページ上部の入力フォームに住所を入力し、横の「地図を検索」ボタンを押す。今回は「国会議事堂」をサンプルとして使ってみます。住所:「千代田区永田町1−7−1」
  • 以下のように国会議事堂と周辺の地図が出てきました。
    次は、自分のホームページにあわせたサイズでコードを出力させましょう。
  • ページ内の「リンク」を押し、出てきた小ウィンドウから更に「埋め込み地図のカスタマイズとプレビュー」をクリックします。


  • 例えば、自分のサイトで使いたいサイズが「縦350px横550px」だとします。
    以下のように設定をしてコードをコピーして、後は自分のサイトに貼り付ければ完了です。HP編集ソフトを使っている場合、デザイン面が見える編集画面ではなく、htmlコードが見える状態で貼り付けしましょう。
  • 実際に貼り付けてみました↓↓↓

    大きな地図で見る

ページの上部へ

WEB制作業者紹介

クラウドナイン

Web制作会社も使えるテンプレート
Web制作会社も制限無く使用できるホームページテンプレートはこちらです。
c-tpl.com

ジンシステム

あなたのパソコンライフをサポートします
企業・お店・個人のホームページをお手ごろな価格で作成致します。
jin-web.com

ドロップシッピングホームページ

ドロップシッピングホームページ。おまかせ製作。
もしもドロップシッピングホームページ。おまかせ製作 15万商品掲載サイト!
store-jun.jp

Cafi Net(カフィネット)

安くて実用的なホームページ時間単位の新システム
価格は安く実用的なホームページをご提供します。新たな顧客獲得に効果的です。
japanism.info

アイプラアシスト

ロゴマーク販売 Webデザイン制作
無料〜お手頃価格でロゴマークを販売しています。Webデザインも歓迎です。
logo-one.biz

株式会社ホムラ


パッケージだから安心!!ご用途に応じてお選びいただけます。
homura.xsrv.jp

infinity(インフィニティ)

最短1週間5万円でホームページ作ります!
あなたは1人でHP作れますか?悩む前にご相談ください。最短1週間5万円〜。
infinity-web.biz

RED WEST

鳥取県で3万円〜格安ホームページを制作しています。全国発注大歓迎!
red-west.com

J-DREAM(ジェイドリーム)

初期費用無料、月々2980円でホームページを持つことができます♪
jdream.biz

Webflight ホームページ製作

ホームページ作成 35000円〜。お客様のご希望を最優先に作成致します。
officenico.net

office*nico

格安ホームページ制作! office*nico ならワンプライスでOK!
officenico.net

株式会社 播磨ネット

均一価格でのホームページ制作。運営サポートもお任せください!
harima-net.com

ホームページ作成のLitaWeb

綺麗なホームページ作成します。
lita-web.com

パソコンサポート屋

WEB作成からIT支援まで幅広く支援!
pc-support-ya.com

Yoshida Web Service

格安でホームページやバナーを作成代行!細かいご要望にも柔軟に対応致します。
yoshida-web-service.com/homepage/

無料広告掲載をご希望の方はこちらをご覧下さい。