ホームページに設置したGoogleMapの吹き出しを消す方法


GoogleMapは誰でも簡単にホームページやブログに設置することができますが、
設置したGoogleMap上に勝手にふきだしが表示されるので、
「これいらねーや」っていうことがよくあります。

GoogleMapのふきだし

GoogleMap上のカスタマイズではこの吹き出しは消せないので、
貼り付けるコードを少しいじって噴出しを消す必要があります。

GoogleMapの吹き出しを消す

まず、「GoogleMapをどうやってホームページに設置するんだ?」
という方は
誰でも簡単に設置できる。GoogleMapをホームページやブログに載せる方法
をまず読んでください。

さて、まずはGoogleMapのコードを取得してください。
だいたい、こんな感じのコードが用意されると思います。

<iframe width="425" height="350" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="https://maps.google.co.jp/maps?f=q&amp;source=s_q&amp;hl=ja&amp;geocode=&amp;q=%E5%A4%A7%E9%98%AA%E5%BA%9C%E5%A4%A7%E9%98%AA%E5%B8%82%E4%B8%AD%E5%A4%AE%E5%8C%BA%E8%B0%B7%E7%94%BA2-5-4&amp;aq=&amp;sll=34.661407,135.419367&amp;sspn=1.41646,2.90863&amp;brcurrent=3,0x6000e73098799cf5:0xb07f1c0e2b45d0f5,0&amp;ie=UTF8&amp;hq=&amp;hnear=%E5%A4%A7%E9%98%AA%E5%BA%9C%E5%A4%A7%E9%98%AA%E5%B8%82%E4%B8%AD%E5%A4%AE%E5%8C%BA%E8%B0%B7%E7%94%BA%EF%BC%92%E4%B8%81%E7%9B%AE%EF%BC%95%E2%88%92%EF%BC%94&amp;t=m&amp;z=14&amp;iwloc=A&amp;output=embed"></iframe><br /><small><a href="https://maps.google.co.jp/maps?f=q&amp;source=embed&amp;hl=ja&amp;geocode=&amp;q=%E5%A4%A7%E9%98%AA%E5%BA%9C%E5%A4%A7%E9%98%AA%E5%B8%82%E4%B8%AD%E5%A4%AE%E5%8C%BA%E8%B0%B7%E7%94%BA2-5-4&amp;aq=&amp;sll=34.661407,135.419367&amp;sspn=1.41646,2.90863&amp;brcurrent=3,0x6000e73098799cf5:0xb07f1c0e2b45d0f5,0&amp;ie=UTF8&amp;hq=&amp;hnear=%E5%A4%A7%E9%98%AA%E5%BA%9C%E5%A4%A7%E9%98%AA%E5%B8%82%E4%B8%AD%E5%A4%AE%E5%8C%BA%E8%B0%B7%E7%94%BA%EF%BC%92%E4%B8%81%E7%9B%AE%EF%BC%95%E2%88%92%EF%BC%94&amp;t=m&amp;z=14&amp;iwloc=A" style="color:#0000FF;text-align:left">大きな地図で見る</a></small>

この中からiframeの終了タグを探してください。
</iframe>という部分ですね。

z=14&amp;iwloc=A&amp;output=embed"></iframe><br /><small>

この”output=embed”という部分の後ろに、”&iwloc=B”を追加します。
こんな感じ。

z=14&amp;iwloc=A&amp;output=embed&iwloc=B"></iframe><br /><small>

これで、じゃまな吹き出しが消えてくれます。

GoogleMapのふきだしを消す