白黒のGoogleマップを出力したい。と言われたので調べてみた。

白黒のGoogleマップを出力したい。と言われたので調べてみた。

サイトのデザインの問題でGoogleマップを白黒のもを出したいときってありますよね。

どうやら出来そうだ。

googlemapのjsを呼び出す際に、パラメータで色のこさを変更することで出来る。

Google Maps でスタイリッシュな白黒地図を作成する – HDRiな生活

http://hdri.iwalk.jp/2011/12/building328.php

こちらを参考に

白黒を作成するのでほとんどの要素を saturation:-100 に設定

他の要素も邪魔だから取りたいと言われそうなのでこちらのドキュメントも読んで置くといいかも

Googleマップをイラストマップみたいにしたい。

http://lopan.jp/google-map-customize/

こちらの記事では、+や-など拡大の要素を排除する方法や

オブジェクトを置く方法も説明している。

文章量が多いので簡単に説明すると

Google map APIを読み込むには、

こちらのjsを読み込むことで　動くようになる。
更に、どこの座標のものを出すかという　jsを加え
このjsには、パラメータが色々設定されているのでその部分をいじってあげることで色々出来るよってことです。