Áp dụng kiểu bản đồ Google tùy chỉnh trong OpenLayers2?

Gần đây, tôi tình cờ thấy bài viết thú vị này cho thấy tiềm năng của việc thêm các kiểu tùy chỉnh vào Google Maps. Một số ví dụ về bản đồ theo kiểu có thể được nhìn thấy ở đây và bạn có thể tự thiết kế từ đầu tại đây .

Tôi muốn áp dụng chủ đề 'thang độ xám' cho bản đồ cơ sở OpenLayers của mình:

Mô tả phong cách theo bản demo của Google sẽ trông giống như:

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

Bản đồ Google của tôi trong OpenLayers hiện tại trông giống như:

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

Làm cách nào tôi có thể áp dụng chủ đề thang độ xám cho bản đồ của mình?

Dường như bạn có thể truy cập trực tiếp vào đối tượng googlemap bằng layer.mapObject .

Tham khảo API gmap để tạo kiểu cho lớp: https://developers.google.com/maps/documentation/javascript/stomme

Đây là một trang ví dụ nhỏ mà tôi đã tạo: http://www.intermezzo-coop.eu/mapping/styled_gmap.html

Xem thêm trình hướng dẫn googlemap: https://mapstyle.withgoogle.com/