Google Maps Platform, क्लाउड-आधारित मैप स्टाइलिंग की सुविधाएं देता है. इनकी मदद से Google Cloud Console का इस्तेमाल करके मैप को स्टाइल करना, उसे पसंद के मुताबिक बनाना, और मैनेज करना आसान हो जाता है. इसकी मदद से, जब भी कोई बदलाव किया जाता है, तो आपको अपने ऐप्लिकेशन के कोड को अपडेट किए बिना उपयोगकर्ताओं की पसंद के मुताबिक मैप का अनुभव मिलता है.
अगर कोई स्टाइल 15 सितंबर, 2020 से पहले बनाई गई है, तो उसमें Google Maps की बेहतर नैचुरल सुविधाएं नहीं दिखेंगी. अपने मैप की स्टाइलिंग के लिए, Google Maps की बेहतर नैचुरल सुविधाओं का इस्तेमाल करने के लिए, आपको मैप की स्टाइल बनानी होगी.
क्लाउड-आधारित मैप स्टाइलिंग आपको Google Maps का इस्तेमाल करने वाले अपने किसी भी ऐप्लिकेशन के लिए मैप स्टाइल बनाने और उनमें बदलाव करने की सुविधा देती है. इसके लिए, मैप आईडी तय होने के बाद, आपको कोड में कोई बदलाव करने की ज़रूरत नहीं होती. स्टाइल में बदलाव, Cloud Console में किए जा सकते हैं. इसके लिए, कोडिंग करने की स्किल की ज़रूरत नहीं होती. मैप के कई एलिमेंट का रंग-रूप और रंग बदलना. जैसे, सड़कें, इमारतें, पानी के स्रोत, लोकप्रिय जगहें, और ट्रांज़िट रास्ते.
इन सुविधाओं में ये शामिल हैं:
- क्लाउड-आधारित मैप स्टाइल: JSON का इस्तेमाल करके अपने मैप को कोड में स्टाइल करने के बजाय, मैप आईडी और मैप स्टाइल का इस्तेमाल करके, Cloud Console में अपने डाइनैमिक या स्टैटिक मैप को मैनेज करें और उन्हें स्टाइल दें.
- वेक्टर मैप: JavaScript डेवलपर, WebGL-Accelerated वेक्टर-आधारित उसी मैप का इस्तेमाल करना चुन सकते हैं जो Maps.google.com पर, सीधे अपने वेब ऐप्लिकेशन में उपलब्ध होता है.
- कारोबार की लोकप्रिय जगह को फ़िल्टर करना: मैप में कारोबार की लोकप्रिय जगहों की पांच कैटगरी को वैकल्पिक तौर पर हटाया जा सकता है.
- लोकप्रिय जगह की डेंसिटी कंट्रोल: बुनियादी मैप पर दिखाए गए लोकप्रिय जगहों की डेंसिटी में बदलाव किया जा सकता है, ताकि डिफ़ॉल्ट रूप से ज़्यादा या कम दिलचस्पी वाले पॉइंट दिखाए जा सकें.
क्लाउड-आधारित मैप स्टाइलिंग Android के लिए Maps SDK टूल1, iOS के लिए Maps SDK टूल, JavaScript, और Maps स्टैटिक एपीआई पर उपलब्ध है. हालांकि, सभी सुविधाएं सभी प्लैटफ़ॉर्म पर नहीं दिखेंगी.
शुरू करने से पहले
- मैप आईडी बनाएं
क्लाउड-आधारित मैप की स्टाइल का इस्तेमाल करने के लिए, आपको मैप आईडी का इस्तेमाल करके मैप लोड करना होगा. - हार्ड कोड की गई स्टाइल से माइग्रेट करें
हार्ड-कोड की गई स्टाइलिंग, जैसे कि JSON या यूआरएल क्वेरी पैरामीटर की मदद से पसंद के मुताबिक बनाए गए मौजूदा मैप पर, क्लाउड-आधारित मैप स्टाइल इस्तेमाल करने के लिए, मैप आईडी जोड़ने से पहले, हम आपको हार्ड कोड की गई स्टाइलिंग हटाने का सुझाव देते हैं, ताकि आने वाले समय में इसकी सुविधाओं पर असर न पड़े. आपके पास अपनी JSON स्टाइल को मैप की नई स्टाइल में इंपोर्ट करने का विकल्प है.- Android पर,
MapStyleOptions
को अपडेट करें - iOS पर,
GMSMapStyle
क्लास अपडेट करें - JavaScript पर,
MapTypeStyle
स्टाइल हटाएं - Maps स्टैटिक से,
style
पैरामीटर हटाएं
- Android पर,
बिलिंग
क्लाउड-आधारित मैप की स्टाइलिंग का इस्तेमाल करने के लिए, मैप आईडी होना ज़रूरी है. Android के लिए Maps SDK टूल, iOS के लिए Maps SDK टूल, और JavaScript में, मैप आईडी का इस्तेमाल करने पर, डाइनैमिक Maps SKU के लिए शुल्क लगता है. Maps स्टैटिक API पर, मैप आईडी का इस्तेमाल करने पर, स्टैटिक Maps SKU पर शुल्क लगता है.
उदाहरण
यह मैप आईडी का इस्तेमाल करके, पसंद के मुताबिक स्टाइल वाला मैप लोड करने का बुनियादी उदाहरण है. इस मामले में, मैप लोड होने पर Maps JavaScript, मैप आईडी 8e0a97af9386fef
का रेफ़रंस देता है और उस मैप आईडी से जुड़ी मौजूदा मैप स्टाइल अपने-आप लागू कर देता है.
TypeScript
function initMap(): void { new google.maps.Map( document.getElementById("map") as HTMLElement, { mapId: "8e0a97af9386fef", center: { lat: 48.85, lng: 2.35 }, zoom: 12, } as google.maps.MapOptions ); } declare global { interface Window { initMap: () => void; } } window.initMap = initMap;
JavaScript
function initMap() { new google.maps.Map(document.getElementById("map"), { mapId: "8e0a97af9386fef", center: { lat: 48.85, lng: 2.35 }, zoom: 12, }); } window.initMap = initMap;
नमूना आज़माएं
-
क्लाउड-आधारित मैप की स्टाइलिंग Android के लाइट मोड पर उपलब्ध नहीं है.↩