ウェブ版 Googleマップ でマウスカーソルがマーカーに重なったときに表示されるポップアップを非表示にする方法

某所で「ウェブ版 Googleマップを使っているときにマウスのカーソールを動かすといちいちその場所の店舗情報のようなものが表示されて見にくいです」というご意見を聞きました。

実はブラウザに依存する方法ですがこのポップアップを非表示にする方法があるんです。

それは「GoogleマップのCSS(の一部)をオーバーライドする」です。

少しテクニカルなお話になりますが、ブラウザが Chromeという前提で説明します。

1. Stylus という拡張機能をインストールする
   
2. Stylusで GoogleマップのCSSをオーバーライドする

具体的には https://www.google.co.jp/maps に対するオーバーライドとして

#interactive-hovercard
{ display: none !important;}

を登録します。


これで、マウスが重なったときに(mouseover)ポップアップで表示される枠を非表示にするというものです。


Stylusの操作方法などはこちらを参考になさってください。

"Chrome / Firefoxの拡張機能 Stylus の基本的な使い方 - 小技チョコレート"
https://ich.hatenadiary.com/entry/browser-extension-stylus