GoogleMapをグレーにする

2018年9月6日2019年1月20日

GoogleMapApiのドキュメントを見ても英語で余計なコードが多すぎて最低限なにが必要なの？
ってなったので備忘録

サンプルコード

var map = new google.maps.Map(document.getElementById('map'),{
  center: tokyo, // 地図位置を東京に指定
  zoom: 15, // 地図のズームを指定
  mapTypeControl: false
});

// ここから追加
// featureType: 'all' で対象物全部を指定
// saturation: -100   で彩度を下げる
var styles = [
{
  featureType: 'all',
  stylers: [
    {saturation: -100}
  ]
}]

map.setOptions({styles: style}); // styleを反映させる

参考

Styled Maps – Night Mode
GoogleMapをかっこ良くする！カスタマイズ方法