30秒で消去! 埋め込んだGoogleマップの吹き出し(バルーン)を消す方法

ウェブサイトをつくってるとき、しばしばGoogleマップの「ウェブサイトの地図埋め込み用HTMLコード」を使って地図を埋め込むことが多いかと思います(Google先生いつもありがとう)。

ところが実際に埋め込んでみると、地図のサイズによっては中途半端に吹き出し(バルーン)がトリミングされ(冒頭のキャプチャのような感じですね)「中途半端に見えてるくらいなら消したいわい」と思うことも、これまたしばしばです。

ということで、30秒でサクッと吹き出しを消せるコードを紹介。

通常、Googleマップにて取得できるコード(iframe タグで埋め込むコード)はこんな感じですよね。

<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=%E9%95%B7%E9%87%8E%E7%9C%8C%E8%AB%8F%E8%A8%AA%E9%83%A1%E5%AF%8C%E5%A3%AB%E8%A6%8B%E7%94%BA%E7%AB%8B%E6%B2%A2%EF%BC%91+%E6%9C%AC%E9%83%B7%E9%83%B5%E4%BE%BF%E5%B1%80&amp;aq=4&amp;oq=%E6%9C%AC%E9%83%B7%E9%83%B5%E4%BE%BF%E5%B1%80&amp;sll=35.161459,135.263028&amp;sspn=0.008859,0.017745&amp;brcurrent=3,0x601c43eb755ffa63:0x69b72c5db3cb361f,0&amp;ie=UTF8&amp;hq=%E9%95%B7%E9%87%8E%E7%9C%8C%E8%AB%8F%E8%A8%AA%E9%83%A1%E5%AF%8C%E5%A3%AB%E8%A6%8B%E7%94%BA%E7%AB%8B%E6%B2%A2%EF%BC%91+%E6%9C%AC%E9%83%B7%E9%83%B5%E4%BE%BF%E5%B1%80&amp;hnear=&amp;radius=15000&amp;ll=35.940481,138.270053&amp;spn=0.071946,0.071946&amp;t=m&amp;iwloc=lyrftr:m,4913288842335595201,35.941072,138.269441&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=%E9%95%B7%E9%87%8E%E7%9C%8C%E8%AB%8F%E8%A8%AA%E9%83%A1%E5%AF%8C%E5%A3%AB%E8%A6%8B%E7%94%BA%E7%AB%8B%E6%B2%A2%EF%BC%91+%E6%9C%AC%E9%83%B7%E9%83%B5%E4%BE%BF%E5%B1%80&amp;aq=4&amp;oq=%E6%9C%AC%E9%83%B7%E9%83%B5%E4%BE%BF%E5%B1%80&amp;sll=35.161459,135.263028&amp;sspn=0.008859,0.017745&amp;brcurrent=3,0x601c43eb755ffa63:0x69b72c5db3cb361f,0&amp;ie=UTF8&amp;hq=%E9%95%B7%E9%87%8E%E7%9C%8C%E8%AB%8F%E8%A8%AA%E9%83%A1%E5%AF%8C%E5%A3%AB%E8%A6%8B%E7%94%BA%E7%AB%8B%E6%B2%A2%EF%BC%91+%E6%9C%AC%E9%83%B7%E9%83%B5%E4%BE%BF%E5%B1%80&amp;hnear=&amp;radius=15000&amp;ll=35.940481,138.270053&amp;spn=0.071946,0.071946&amp;t=m&amp;iwloc=lyrftr:m,4913288842335595201,35.941072,138.269441" style="color:#0000FF;text-align:left">大きな地図で見る</a></small>

これに、たったこれだけ↓のコードを追加すれば吹き出しが消えてくれます。

&iwloc=B

追加する位置は、Googleマップにて取得したコードの中ほど。

- output=embed"></iframe><br /><small>
+ output=embed&iwloc=B"></iframe><br /><small>

ふー、すっきりすっきり。サイト制作のヒントになれば幸いです。

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください