Googleマップを表示しているサイトでたまに見かけるのが、ベースカラーを変更していたり、グレースケール(モノクロ)で地名や建物の名称がないものです。 Google Maps APIを使うことで作成することができるので、簡単にですが作成方法をご紹介します。 デフォルト表示 まず、Googleマップを表示させるエリアを作ります。 <div id="gmap"></div> 続いて、Google Maps APIを読み込みます。 <script src="https://maps.googleapis.com/maps/api/js?key=XXXXXXXXXXXXXXXXXXXX"></script> 続いて、指定の箇所にGoogleマップを表示させる処理を書きます。 <script> function init() { var latlng = new google.maps.LatLng
![Googleマップをカラー変更したりグレースケールや建物などのラベルをなくすカスタマイズ方法](https://cdn-ak-scissors.b.st-hatena.com/image/square/7e20f9a9a0ae4e80ff75bcc6756d916536218194/height=288;version=1;width=512/https%3A%2F%2Ftaxaboxo.com%2Fwp-content%2Fuploads%2Fd7169be8fa3729bda3fd38c420a54b41_s.jpg)