GoogleMapの噴出しって地図を埋め込んだ場合結構邪魔ですよね
はじめに
ホームページで地図情報を掲載する場合にGoogleMapを使ったものの噴出しが邪魔で周りの情報が見づらいなんて事ありますよね。今回はその噴出しを消す方法をご紹介いたします。
もくじ
注意事項
タグのうち間違いには注意してください。
地図を表示させよう
まずは好きな場所を表示させます
Google Mapで好きな場所や、表示させたい場所の住所を打ち込んでください。そして、リンクをクリック後に表示されるウェブサイトへの地図埋め込み用 HTML コードをコピーして見て下さい。
タグを探す
embedと書かれている部分
次にコピーしたタグの中からembedと書かれてる部分を探します。これはiframe内の最後に書かれているので探しやすいでしょう。
<iframe width="425" height="350" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="https://maps.google.co.jp/maps?f=q&source=s_q&hl=ja&geocode=&q=%E6%9D%B1%E4%BA%AC%E9%83%BD%E6%B8%AF%E5%8C%BA%E8%8A%9D%E5%85%AC%E5%9C%92%EF%BC%94%E2%88%92%EF%BC%92%E2%88%92%EF%BC%98+%E2%80%8E&aq=&sll=35.657976,139.7456&sspn=0.014785,0.014226&brcurrent=3,0x60188bbc18f1b9c7:0x26beca2c48ae2a4d,0&ie=UTF8&hq=&hnear=%E6%9D%B1%E4%BA%AC%E9%83%BD%E6%B8%AF%E5%8C%BA%E8%8A%9D%E5%85%AC%E5%9C%92%EF%BC%94%E4%B8%81%E7%9B%AE%EF%BC%92%E2%88%92%EF%BC%98&ll=35.658704,139.745408&spn=0.007113,0.00839&t=m&z=14&output=embed"></iframe>
最後のembedに注目して下さい。
タグを追加する
さきほどの部分に&iwloc=Bと言うタグを追加します。
するとタグがこのような形になります。
<iframe width="425" height="350" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="https://maps.google.co.jp/maps?f=q&source=s_q&hl=ja&geocode=&q=%E6%9D%B1%E4%BA%AC%E9%83%BD%E6%B8%AF%E5%8C%BA%E8%8A%9D%E5%85%AC%E5%9C%92%EF%BC%94%E2%88%92%EF%BC%92%E2%88%92%EF%BC%98+%E2%80%8E&aq=&sll=35.657976,139.7456&sspn=0.014785,0.014226&brcurrent=3,0x60188bbc18f1b9c7:0x26beca2c48ae2a4d,0&ie=UTF8&hq=&hnear=%E6%9D%B1%E4%BA%AC%E9%83%BD%E6%B8%AF%E5%8C%BA%E8%8A%9D%E5%85%AC%E5%9C%92%EF%BC%94%E4%B8%81%E7%9B%AE%EF%BC%92%E2%88%92%EF%BC%98&ll=35.658704,139.745408&spn=0.007113,0.00839&t=m&z=14&output=embed&iwloc=B"></iframe> <em id="__mceDel">
最後のembedがembed&iwloc=Bになりました
確認してみよう
噴出しアリ
噴出しナシ
どうでしょうか？ナシではしっかり消えているのが確認できます。
さいごに
見易さ重視
一番使いやすい地図サービスといえばやはりGoogleMapでしょうが、ホームページなどに埋め込んだ場合、どうしても噴出しが邪魔でどうすれば良いのか調べたところ発見したテクニックです。
もし地図情報を大きく掲載出来ているのであれば問題ありませんが、デザインによってはどうしようもない場合がありますよね。
後は、最寄り駅や近くにある目印になるような建物があった場合にこの噴出しで隠れてしまう事もあります。そうなれば正直地図の意味があまりないように感じました。
ただ、この地図情報に関しては店舗として運営している方であれば消すのも問題ありませんが、店舗などが関係ない場合は正直悪影響がないのでそのままで問題ないでしょう。
