グーグルマップの左上の枠を”簡単に”消す

基本の状態

See the Pen RwPaKbL by sphenisc (@sphenisc) on CodePen.

Webサイトでグーグルマップを表示すると左上にその店舗や建物の情報と評価が出てくるのですがかなりの頻度で「消してくれ」と頼まれます。
グーグルに問い合わせるのも面倒だしなにかいい方法はないかとやってみたのですがCSSで消すのが一番楽でした。

修正版

See the Pen ZEGWLYz by sphenisc (@sphenisc) on CodePen.

top: -150px;
height: calc(100% + 150px + 150px);

グーグルマップの高さを上下に150pxずつ拡張して上に150px移動させることで左上の枠を画面外に出しています。
スマートフォンなどで画面が小さくなると150pxでは消しきれなくなるので数値を調整してください。