GoogleMapを埋め込むと地図にでる吹き出しを消す方法

GoogleMapを埋め込むと地図にでる吹き出しを消す方法

姐さん

姐さん

title

GoogleMapをサイトなどに埋め込むときに、デフォルトだと吹き出しがつきますが、Mapの領域が狭いとちょっと邪魔だったりしますよね。

今回は、マーカーを残しつつ、吹き出しを消す方法をまとめておきます。(忘れそうなので……)

単純にサイトにGoogleMapを埋め込みたい時は、右上のリンクマークをクリックすると出てくるウィンドウの「HTML を貼り付けてサイトに地図を埋め込みます」のコードをHTML内に貼ればOKです。

01

02

ただし、デフォルトのままだと吹き出しが出た状態で表示されてしまいます。
地図が小さいとちょっと邪魔になってしまいます。(まぁ×で消せばいいのですが)

消す方法その01

こちらの方法は「小粋空間」さんを参考にしています。

<iframe width="425" height="350" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="http://maps.google.co.jp/maps?f=q&source=s_q&hl=ja&geocode=&q=%E6%9D%B1%E4%BA%AC%E9%83%BD%E5%8F%B0%E6%9D%B1%E5%8C%BA%E6%9D%BE%E3%81%8C%E8%B0%B74-24-11&aq=&sll=35.718538,139.790168&sspn=0.006307,0.012199&vpsrc=0&brcurrent=3,0x60188e95a8042081:0xa91ecbaa983f2c2c,0&ie=UTF8&hq=&hnear=%E6%9D%B1%E4%BA%AC%E9%83%BD%E5%8F%B0%E6%9D%B1%E5%8C%BA%E6%9D%BE%E3%81%8C%E8%B0%B7%EF%BC%94%E4%B8%81%E7%9B%AE%EF%BC%92%EF%BC%94%E2%88%92%EF%BC%91%EF%BC%91&t=m&z=14&iwloc=A&output=embed&amp;iwloc=B"></iframe>

「HTML を貼り付けてサイトに地図を埋め込みます」でコピペしたコードのoutput=embedの後ろに「&amp;iwloc=B」を付け加えます。

03

マーカーだけの地図にできました~。

なお、この方法は適正な方法であるかどうかは定かでありません。

とのことです。GoogleMapの仕様変更に要注意ですね。

消す方法その02

地図上で右クリック「ここからのルート」を選択します。

04

地図上のマーカーが緑になりました。

05

この状態で、右上のリンクボタンをクリックし「HTML を貼り付けてサイトに地図を埋め込みます」で出てきたコードを貼り付けます。

06

この状態だとマーカー緑、吹き出しなしの状態がデフォルトで表示されます。

マーカーは緑になりますが、コードをいじらなくていいのでよりお手軽かなーと思います。

LIGはWebサイト制作を支援しています。ご興味のある方は事業ぺージをぜひご覧ください。

Webサイト制作の実績・料金を見る

この記事のシェア数

デザイナーの白浜です。ウェブデザイナーとして日々修行中。マンガと音楽とお米が好きです。よろしくお願いします。

このメンバーの記事をもっと読む
デザイン力×グローバルな開発体制でDXをトータル支援
お問い合わせ 会社概要DL