小粋空間  -  a cheap joke and a play on words site

Google マップの埋め込み HTML でふきだしを消す方法（新）

Google マップをブログなどに埋め込むときの HTMLコードに含まれるふきだしを消す方法です。

１．問題点

Google マップから検索などで特定の地域を表示させて、HTMLコードを取得して、ブログに埋め込むと、検索したときの情報がふきだしとして含まれてしまいます（下）。

実は、以前「Google マップの埋め込み HTML でふきだしを消す方法」をエントリーしたのですが「その方法ではふきだしが消えませんでした」というコメントを頂きました。

どうやら前回のエントリーからしばらく経ったこともあり、その間に Google マップの UI が変更されたようです。ということで、新しい技を紹介します。

２．解消方法

Google マップで検索結果が表示されます。ここでは「東京駅」で検索した結果を表示しています。

表示結果の中央地点にある赤色のマーカーを右クリックして「ここからのルート」を選択します。

表示結果の中央地点にある赤色のマーカーが緑色になるので、これをさらに右クリックして、「この地点を削除」を選択します。

これで余分なパーツはすべて消えました。この状態で、右上にある「このページのリンク」をクリックします。

HTMLコード（反転部分）を取得します。

取得したHTMLコードをご自身のブログに貼り付ければ、ふきだしは表示されなくなります。

検索で複数のマーカーが表示された場合も、任意のマーカーを右クリックして「ここからのルート」を選択し、緑色になったマーカーを右クリックして「この地点を削除」を選択すれば、同じように消すことができます。

以上です。

余談ですが、埋め込みHTMLのマークアップを object 要素に変更したい方は「Google マップの貼り付け用 HTML を valid にする」スクリプトをご利用ください。