さて、サイトでGoogleマップの地図を表示したい場合、表示したい住所で検索をした後、そのページのソースを貼りつければ、基本的には完了ですが。
この貼りつけたソースのままだと、検索住所の吹き出しが表示されていまいます。
まぁ、地図の大きさがそれなりの場合は、マップ登録して、店舗名称等の情報を表示すれば、それなりに見栄えのいい？ページに出来そうですが、表示さいずが小さい場合、この吹き出しが表示エリアから見切れてしまうので、なんともカッコ悪くみえます。
大きな地図で見る
300px×300pxのサイズで表示。
デフォルトの状態だと、吹き出しが見切れる…
これではあまりにも酷いので、なんとかこの吹き出しを消す方法はないのか？
と探したら、やはり有りましたね。
しかもお手軽です。
先ほどのソースコード
<iframe width="300" height="300" 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%A8%AA%E6%B5%9C&aq=&sll=35.485834,139.66095&sspn=0.428276,0.617294&brcurrent=3,0x60185d2db5c8ae09:0xc208776b5141af0a,0&ie=UTF8&hq=&hnear=%E7%A5%9E%E5%A5%88%E5%B7%9D%E7%9C%8C%E6%A8%AA%E6%B5%9C%E5%B8%82&t=m&ll=35.44368,139.638033&spn=0.020978,0.025749&z=14&iwloc=A&output=embed"></iframe><br /><small><a href="http://maps.google.co.jp/maps?f=q&source=embed&hl=ja&geocode=&q=%E6%A8%AA%E6%B5%9C&aq=&sll=35.485834,139.66095&sspn=0.428276,0.617294&brcurrent=3,0x60185d2db5c8ae09:0xc208776b5141af0a,0&ie=UTF8&hq=&hnear=%E7%A5%9E%E5%A5%88%E5%B7%9D%E7%9C%8C%E6%A8%AA%E6%B5%9C%E5%B8%82&t=m&ll=35.44368,139.638033&spn=0.020978,0.025749&z=14&iwloc=A" style="color:#0000FF;text-align:left">大きな地図で見る</a></small>
これに、</iframe>タグの直前に &iwloc=B を追加します。
<iframe width="300" height="300" 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%A8%AA%E6%B5%9C&aq=&sll=35.485834,139.66095&sspn=0.428276,0.617294&brcurrent=3,0x60185d2db5c8ae09:0xc208776b5141af0a,0&ie=UTF8&hq=&hnear=%E7%A5%9E%E5%A5%88%E5%B7%9D%E7%9C%8C%E6%A8%AA%E6%B5%9C%E5%B8%82&t=m&ll=35.44368,139.638033&spn=0.020978,0.025749&z=14&iwloc=A&output=embed&iwloc=B"></iframe><br /><small><a href="http://maps.google.co.jp/maps?f=q&source=embed&hl=ja&geocode=&q=%E6%A8%AA%E6%B5%9C&aq=&sll=35.485834,139.66095&sspn=0.428276,0.617294&brcurrent=3,0x60185d2db5c8ae09:0xc208776b5141af0a,0&ie=UTF8&hq=&hnear=%E7%A5%9E%E5%A5%88%E5%B7%9D%E7%9C%8C%E6%A8%AA%E6%B5%9C%E5%B8%82&t=m&ll=35.44368,139.638033&spn=0.020978,0.025749&z=14&iwloc=A" style="color:#0000FF;text-align:left">大きな地図で見る</a></small>
大きな地図で見る
と、こうなります。
吹き出しは消えましたね。
意外と使用頻度は高いネタですが、忘れない為の覚書です。
神奈川県を中心として主に横浜・川崎・東京23区西部の中小企業・個人事業主向けホームページを制作しております。 横浜本田WEB
横浜本田WEB Facebookページ
http://www.facebook.com/hondaweb?fref=ts
