OpenLayers2でカスタムGoogleマップスタイルを適用しますか？

最近、この興味深い記事を偶然見つけました。Googleマップにカスタムスタイルを追加する可能性を示しています。スタイル付きマップのいくつかの例をここで見ることができ、ここで最初から独自に設計できます。

OpenLayersベースマップに「グレースケール」テーマを適用したいと思います。

Google デモによるスタイルの説明は、次のようになります。

var styles = {
  'Greyscale': [
    {              
      featureType: 'all',
      rules: [
        {saturation: -100},
        {gamma: 0.50}
      ]
    }
  ]
}

OpenLayersのGoogleマップは現在、次のようになっています。

var gmap = new OpenLayers.Layer.Google("Google Streets",
    {
    'numZoomLevels': 20,
    'sphericalMercator': true}
);

グレースケールテーマをマップに適用するにはどうすればよいですか？

あなたが直接使用してGoogleマップオブジェクトにアクセスできるようですlayer.mapObjectを。

レイヤーのスタイルを設定するには、gmap APIを参照してください：https ://developers.google.com/maps/documentation/javascript/styling

これが私が作成した小さなサンプルページです：http : //www.intermezzo-coop.eu/mapping/styled_gmap.html

googlemapウィザードも参照してください：https ://mapstyle.withgoogle.com/