OpenLayers2 में कस्टम Google मानचित्र शैली लागू करना?

Question

हाल ही में मैंने गूगल मैप्स पर कस्टम शैलियों को जोड़ने की क्षमता दिखाने वाले इस दिलचस्प लेख पर ठोकर खाई । स्टाइल मैप्स के कुछ उदाहरण यहां देखे जा सकते हैं और आप यहां स्क्रैच से अपना डिजाइन बना सकते हैं ।

मैं अपने OpenLayers आधार मानचित्र पर 'greyscale' थीम लागू करना चाहता / चाहती हूँ:

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}
);

मैं अपने मानचित्र में ग्रेस्केल विषय कैसे लागू कर सकता हूं?

Comments

यदि आप अपने स्वयं के विशिष्ट रंगों को परिभाषित करना चाहते हैं तो Google मैप्स Colorizr googlemapscolorizr.stadtwerk.org मददगार हो सकता है।

— राडेक

संबंधित: stackoverflow.com/questions/4003578/google-maps-in-grayscale

— radek

रंगों के साथ खेलने के कुछ उदाहरण: 41latitude.com/post/1268734799/google-styled-maps

— radek

बाउंटी को जाने नहीं देना चाहते? :) मुझे लगता है कि सिमो मिल गया

— रागी यासर बुरहम

वास्तव में। अभी भी प्रतियोगिता के तीन दिन;]

— रेक

Answer 1

ऐसा नहीं है कि आप सीधे का उपयोग कर googlemap वस्तु का उपयोग कर सकते लगता है layer.mapObject ।

परत को स्टाइल करने के लिए एपीआई को देखें: https://developers.google.com/maps/documentation/javascript/styling

यहाँ एक छोटा सा उदाहरण पृष्ठ मैंने बनाया है: http://www.intermezzo-coop.eu/mapping/styled.gp.html

Google विज़ार्ड को भी देखें: https://mapstyle.withgoogle.com/

Comments

क्या आप सफल हुए, राडेक?

— सिमो

@ सिमो: मुझे यकीन नहीं है कि 'लेयर.मैपऑब्जेक्ट' का उपयोग कैसे किया जाए

— radek

@radek; अपने नक्शे स्टाइल को परिभाषित करने के लिए अपने स्वयं के कुछ जेएस बनाने की आवश्यकता है; वहाँ दूसरे लिंक पर कई अच्छे उदाहरण हैं जो आपको बहुत अच्छा प्रवाह दिखाएंगे।

— 16

@radek: मैंने इसका परीक्षण नहीं किया है, लेकिन मुझे लगता है कि आप अपनी gmap लेयर बनाते हैं, इसलिए var glayer = new OpenLayers.Layer.Google (विकल्प) , फिर Gamp सिंटैक्स का उपयोग करके अपनी शैली बनाएं, और अंत में इसे glayer.mapbbject.mapTypes करते हुए लागू करें। .सेट ('हिपहॉप', jayzMapType); ऊपर दी गई छूट देखें। अगर मेरे पास जल्द ही कुछ समय है, तो मैं इसे करने की कोशिश करूंगा और आपको

— बता

@radek: यहां हम empreinte-urbaine.eu/mapping/styled_gmap.html

— simo