क्लाउड-आधारित मैप की स्टाइल

संग्रह की मदद से व्यवस्थित रहें अपनी प्राथमिकताओं के आधार पर, कॉन्टेंट को सेव करें और कैटगरी में बांटें.

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 के लिए Maps SDK टूल अपग्रेड करें
क्लाउड पर आधारित मैप की स्टाइल का इस्तेमाल करने के लिए, आपको Android के लिए Maps SDK टूल का 18.0.0 या उसके बाद का वर्शन इस्तेमाल करना होगा. साथ ही, Android रेंडरर के लिए सबसे नए Maps SDK टूल का इस्तेमाल करना चाहिए.

बिलिंग

क्लाउड-आधारित मैप की स्टाइल का इस्तेमाल करने के लिए, मैप आईडी ज़रूरी है. Android के लिए Maps SDK टूल, iOS के लिए Maps SDK टूल, और JavaScript आईडी का इस्तेमाल करने पर डाइनैमिक मैप SKU के लिए शुल्क लगाया जाता है. Maps स्टैटिक एपीआई में, मैप आईडी का इस्तेमाल करने पर स्टैटिक मैप SKU के लिए शुल्क लिया जाता है.

उदाहरण

Android

ApiDemos सैंपल ऐप्लिकेशन चलाएं

ApiDemos सैंपल ऐप्लिकेशन चलाने के लिए, GitHub सैंपल देखें (Java | Kotlin) और CloudBasedMapStylingDemoActivity डेमो (Java | Kotlin) देखें.

आप एक Java और Kotlin सैंपल ऐप्लिकेशन ढूंढ सकते हैं जो क्लाउड से आपके Android मैप को स्टाइल करने का तरीका बताता है.

समस्याएं जिनके बारे में जानकारी है

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

यह पक्का करने के लिए कि नई कस्टम स्टाइल टेस्टिंग के लिए तुरंत दिखें, अपने टेस्ट डिवाइस से ऐप्लिकेशन का डेटा मिटाएं. अपने डिवाइस से डेटा हटाने के बारे में ज़्यादा जानकारी के लिए, Android सहायता - जगह खाली करें देखें.

ध्यान रखें कि हर फ़ोन की सेटिंग अलग हो सकती है. ज़्यादा जानकारी के लिए, डिवाइस बनाने वाली कंपनी से संपर्क करें.

iOS

ApiDemos सैंपल ऐप्लिकेशन चलाएं

ApiDemos सैंपल ऐप्लिकेशन चलाने के लिए, GitHub सैंपल GoogleMap सैंपल ऐप्लिकेशन देखें और CloudBasedMapStylingViewController प्रोजेक्ट देखें (Swift | Objective-C के लिए GitHub सैंपल).

ज़रूरी क्लाउड स्टाइलिंग कोकोपोड या GitHub डेमो

नए सिरे से शुरू करने के बजाय, आप हमारा Objective-C नमूना ऐप्लिकेशन आज़मा सकते हैं जो यहां क्लाउड से आपके iOS मैप को स्टाइल करने का तरीका बताता है.

बीटा डेमो ऐप्लिकेशन बनाना

Xcode में, कंपाइल बटन दबाएं और फिर मौजूदा स्कीम चलाएं. बिल्ड में एक गड़बड़ी होती है, जिससे आपको SDKDemoAPIKey.h फ़ाइल में अपनी एपीआई कुंजी डालने के लिए कहा जाता है.

अगर आपके पास एपीआई कुंजी नहीं है, तो Cloud Console पर प्रोजेक्ट सेट अप करने और एपीआई कुंजी पाने के लिए, इन निर्देशों का पालन करें. Cloud Console पर कुंजी को कॉन्फ़िगर करते समय, आप अपने ऐप्लिकेशन का बंडल आइडेंटिफ़ायर तय करें, ताकि यह पक्का किया जा सके कि सिर्फ़ आपका ऐप्लिकेशन ही इस कुंजी का इस्तेमाल कर सके. SDK टूल के ऐप्लिकेशन का बंडल बंडल डिफ़ॉल्ट रूप से com.example.GoogleMapsDemos है.

SDKDemoAPIKey.h फ़ाइल में बदलाव करें और अपनी एपीआई कुंजी को kAPIKey कॉन्सटेंट की परिभाषा में चिपकाएं:

```
static NSString *const kAPIKey = @"YOUR_API_KEY";
```

अगर Xcode आपको बदलाव करने के लिए, SDKDemoAPIKey.h फ़ाइल अनलॉक करने का संकेत देता है, तो अनलॉक करें चुनें.

नीचे दी गई लाइन हटाएं:

```
#error Register for API Key and insert here.
```

प्रोजेक्ट बनाएं और उसे चलाएं.

मैप डेमो स्टाइल करने वाले क्लाउड-आधारित मैप

CloudStyling डेमो में, Google Cloud Console पर सेट की गई स्टाइल का इस्तेमाल करके, मैप को स्टाइल करने का तरीका बताया गया है.

डेमो ऐप्लिकेशन लॉन्च होने पर, सूची के ऊपर दिए गए बीटा नमूना सेक्शन में मैप कस्टमाइज़ेशन डेमो पर क्लिक करें.

अलग-अलग मैप आईडी लोड करने का असर देखने के लिए, स्टाइल मैप पर क्लिक करें.

आप अपना स्टाइल भी जोड़ सकते हैं ("स्टाइल मैप" > "नया मैप आईडी जोड़ें") और अपने पसंद के मुताबिक स्टाइल वाले मैप के साथ मैप का अपडेट देखें.

JavaScript

यह बुनियादी जानकारी देने के लिए, मैप आईडी का इस्तेमाल करके पसंद के मुताबिक बनाए गए मैप को लोड करने का उदाहरण है. इस मामले में, 'मैप 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;
उदाहरण देखें

सैंपल आज़माएं

Maps स्टैटिक एपीआई

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

  1. अगर आप style पैरामीटर से कस्टमाइज़ किए गए किसी मौजूदा मैप के साथ क्लाउड-आधारित मैप स्टाइल का इस्तेमाल कर रहे हैं, तो आगे के फ़ंक्शन में संभावित टकराव से बचने के लिए उन्हें हटाना न भूलें.

  2. किसी ऐसे नए या मौजूदा मैप में मैप आईडी जोड़ने के लिए, जो हमारे किसी वेब एपीआई का इस्तेमाल करता है, map_id यूआरएल पैरामीटर जोड़ें और उसे अपने मैप आईडी पर सेट करें. यह उदाहरण, Maps स्टैटिक एपीआई का इस्तेमाल करके मैप में मैप आईडी जोड़ने का तरीका बताता है.

    <img src="https://maps.googleapis.com/maps/api/staticmap?center=Brooklyn+Bridge,New+York,NY&zoom=13&size=600x300&maptype=roadmap&markers=color:blue%7Clabel:S%7C40.702147,-74.015794&markers=color:green%7Clabel:G%7C40.711614,-74.012318&markers=color:red%7Clabel:C%7C40.718217,-73.998284&key=YOUR_API_KEY&map_id=YOUR_MAP_ID&signature=YOUR_SIGNATURE" />
    


  1. क्लाउड-आधारित मैप स्टाइलिंग Android के लाइट मोड पर उपलब्ध नहीं है.