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

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

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

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

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

async function initMap() {
    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',
        mode: 'HYBRID',
        gestureHandling: "COOPERATIVE"
    });
    document.body.append(map);
}
initMap();
index.js

खास जानकारी

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

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

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

सीमाएं

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

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