Застосовуєте користувацький стиль карти Google у OpenLayers2?

Нещодавно я натрапив на цю цікаву статтю, що демонструє потенціал додавання власних стилів у Карти Google. Деякі приклади стильових карт можна побачити тут, і ви можете створити свої власні з нуля тут .

Я хотів би застосувати тему "відтінків сірого" до базової карти OpenLayers:

Опис стилю відповідно до демонстрації Google виглядатиме так:

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

Моя карта Google у OpenLayers зараз виглядає просто так:

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

Як я можу застосувати тему відтінків сірого на своїй карті?

Здається, що ви можете безпосередньо отримати доступ до об’єкта googlemap, використовуючи layer.mapObject .

Для стилю шару зверніться до API gmap: https://developers.google.com/maps/documentation/javascript/styling

Ось невеличка прикладна сторінка, яку я створив: http://www.intermezzo-coop.eu/mapping/styled_gmap.html

Дивіться також майстра googlemap: https://mapstyle.withgoogle.com/