Stosujesz niestandardowy styl mapy Google w OpenLayers2?

Ostatnio natknąłem się na ten interesujący artykuł pokazujący potencjał dodawania niestandardowych stylów do Map Google. Niektóre przykłady stylu mapach można zobaczyć tutaj i można zaprojektować własne od podstaw tutaj .

Chciałbym zastosować motyw „skali szarości” do mojej mapy bazowej OpenLayers:

Opis stylu zgodny z wersją demonstracyjną Google wyglądałby jakoś:

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

Moja mapa Google w OpenLayers wygląda obecnie tak:

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

Jak mogę zastosować motyw skali szarości do mojej mapy?

Wygląda na to, że możesz bezpośrednio uzyskać dostęp do obiektu googlemap za pomocą layer.mapObject .

Zapoznaj się z interfejsem API gmap, aby stylizować warstwę: https://developers.google.com/maps/documentation/javascript/styling

Oto mała przykładowa strona, którą utworzyłem: http://www.intermezzo-coop.eu/mapping/styled_gmap.html

Zobacz także kreator googlemap: https://mapstyle.withgoogle.com/