bnsgt https://blog.hatena.ne.jp/bnsgt/ 素肌にサスペンダー https://bnsgt.hatenablog.com/ CSS Google Maps APIを使えば、色味やマーカーなど埋め込み地図を色々カスタマイズできるけど、 以下の料金体系のうち、月200ドル分を超えると従量課金されるらしい。 developers.google.com ただシックな感じにしたくてモノクロにしたいだけなら、無料で生成できる埋め込みコードに少し足せば出来る。 手順 Googleマップで、埋め込みたい場所を表示する。 共有をクリックして出てきたダイアログの地図を埋め込むタブに移動し、HTMLをコピーする。 コピーしたHTMLのstyle="border:0;"をstyle="border:0;filter:grayscale(100%)… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fbnsgt.hatenablog.com%2Fentry%2F2021%2F10%2F18%2F053851" title="【Google Map】Google Maps APIを使わずに、埋め込み地図をCSSでモノクロ（グレースケール）にする方法 - 素肌にサスペンダー" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> https://cdn-ak.f.st-hatena.com/images/fotolife/b/bnsgt/20211018/20211018052104.png Hatena Blog https://hatena.blog 2021-10-18 05:38:51 rich https://bnsgt.hatenablog.com/entry/2021/10/18/053851 1.0 100%