いろんなことの備忘録

音楽とかwebとか

Google Mapの左上のポップ、枠、吹き出しを消す

Google Mapの左上の表示がいらない時、邪魔な時の対処法です
消すというよりは見えなくするようです
以下のコードをコピペしてください


<div style="width: 100%; overflow: hidden; height: 300px;">
  <iframe 
     src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d39797.07748547086!2d5.46683904751879!3d51.433965676849986!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x47c6d90575ca5e3d%3A0x55989f5f344b006!2sPrins+Hendrikstraat+5!5e0!3m2!1snl!2snl!4v1392716144537"
     width="100%"
     height="600"
     frameborder="0"
     style="border:0; margin-top: -150px;">
  </iframe>
</div>

ネガティブマージンで見えないとこに追いやってる感じです
なので表示がデフォルトと少し変わるので必要に応じて調整してください
iframe内の高さをdivより300px多く設定すると中央あたりにきます
一番シンプルでいいかもです
お好みの幅と高さ、リンクに変更して使ってください

iframe - Google Maps Embed - Remove Place Card - Stack Overflow