ใช้สไตล์แผนที่ Google แบบกำหนดเองใน OpenLayers2 หรือไม่

เมื่อเร็ว ๆ นี้ฉันพบบทความที่น่าสนใจนี้ซึ่งแสดงถึงศักยภาพในการเพิ่มสไตล์ที่กำหนดเองลงใน Google แผนที่ ตัวอย่างบางส่วนของแผนที่สไตล์สามารถมองเห็นได้ที่นี่และคุณสามารถออกแบบของคุณเองตั้งแต่เริ่มต้นที่นี่

ฉันต้องการใช้ชุดรูปแบบ 'greyscale' กับแผนที่พื้นฐานของ 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}
);

ฉันจะนำธีม greyscale ไปใช้กับแผนที่ได้อย่างไร

ดูเหมือนว่าคุณโดยตรงสามารถเข้าถึงวัตถุ GoogleMap โดยใช้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/