3D मैप को पसंद के मुताबिक बनाना

क्लाउड पर मैप की स्टाइलिंग की सुविधाओं का इस्तेमाल करके, 3D बेसमैप के लुक और फ़ील को अपनी पसंद के मुताबिक बनाया जा सकता है.

क्लाउड पर मैप की स्टाइलिंग की सुविधा का इस्तेमाल करके, उपयोगकर्ताओं को दिखाए जाने वाले मैप के लुक और स्टाइल को कंट्रोल किया जा सकता है. लोकप्रिय जगहों (पीओआई) की डेंसिटी, कुछ पीओआई कैटगरी को हटाने, और सुविधाओं के फ़िल या स्ट्रोक में बदलाव करने जैसी सुविधाओं को कंट्रोल करके, अपने उपयोगकर्ताओं के हिसाब से मैप का अनुभव बनाया जा सकता है.

क्लाउड पर मैप की स्टाइलिंग की सुविधा, Google Cloud Console में बिना कोड लिखे बदलाव करने की सुविधा देती है. आपकी बनाई गई हर कस्टम स्टाइल, मैप आईडी से जुड़ी होती है. Maps Console में स्टाइल में किए गए बदलाव, आपके ऐप्लिकेशन में अपने-आप दिखेंगे.

नीचे दिए गए उदाहरण में, एक ऐसा मैप दिखाया गया है जिसमें मनोरंजन से जुड़ी सुविधाओं के आइकॉन और टेक्स्ट के रंग को नारंगी रंग में बदलने के लिए, कस्टम स्टाइल का इस्तेमाल किया गया है:

async function init() {
    const { Map3DElement } = await google.maps.importLibrary('maps3d');

    const map = new Map3DElement({
        center: {
            lat: 37.75183154601466,
            lng: -119.52369070507672,
            altitude: 2200,
        },
        tilt: 67.5,
        heading: 108.94057782079429,
        range: 6605.57279990986,
        mapId: 'bcce776b92de1336e22c569f', // Styles are associated with map IDs.
        mode: 'HYBRID',
        gestureHandling: 'COOPERATIVE',
    });

    document.body.append(map);
}

void init();
index.js

खास जानकारी

क्लाउड पर मैप की स्टाइलिंग का इस्तेमाल करके, 3D मैप को अपनी पसंद के मुताबिक बनाने की प्रोसेस, 2D मैप को अपनी पसंद के मुताबिक बनाने की प्रोसेस जैसी ही होती है:

1	मैप आईडी बनाना	मैप आईडी बनाएं. स्टाइलिंग को मैनेज करने के लिए, मैप आईडी आपके ऐप्लिकेशन को भेजे जाते हैं. अगले चरणों में, आपको इस मैप आईडी से कस्टम स्टाइल जोड़नी होगी.
2	क्लाउड पर मैप की स्टाइलिंग की सुविधा का इस्तेमाल करके मैप की स्टाइल बनाना	इस चरण में, आपको "3D हाइब्रिड" चुनना होगा और "लाइट मोड" का इस्तेमाल करना होगा.
3	मैप की स्टाइल को किसी मैप से जोड़ना	पहले चरण में बनाए गए मैप आईडी से अपनी स्टाइल लिंक करें
4	अपने ऐप्लिकेशन में मैप आईडी जोड़ना	map-id पैरामीटर का इस्तेमाल करके, अपने कोड में मैप आईडी डालें.
5	मैप आईडी पब्लिश करना	ध्यान दें कि पब्लिश करने के बाद, आपकी कस्टम स्टाइल में किए गए बदलाव आपके ऐप्लिकेशन में अपने-आप शामिल हो जाते हैं.

मैप स्टाइल बनाने के बारे में ज़्यादा जानने के लिए, मैप स्टाइल बनाना और उनका इस्तेमाल करना लेख पढ़ें.

ध्यान दें: फ़िलहाल, क्लाउड पर मैप की 3D स्टाइलिंग की झलक देखने की सुविधाएं उपलब्ध नहीं हैं. 3D स्टाइल बनाते समय, Google Cloud Console में "2D हाइब्रिड" विकल्प चुनें.

सीमाएं

Maps JavaScript में 3D मैप के साथ क्लाउड पर मैप की स्टाइलिंग की सुविधा का इस्तेमाल करते समय, कुछ बातों का ध्यान रखना ज़रूरी है:

• गहरे रंग वाला मोड काम नहीं करता.
• मैप आईडी की सुविधा के साथ काम करने वाली सुविधाएं, जैसे कि डेटा के हिसाब से स्टाइल तय करना काम नहीं करती हैं.