लेगसी के उदाहरण

Android

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

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

Java और Kotlin ऐप्लिकेशन का सैंपल देखा जा सकता है. इससे आपको पता चलता है कि क्लाउड से Android मैप को किस तरह स्टाइल में बनाया जा सकता है.

आम समस्याएं

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

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

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

iOS

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

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

वैकल्पिक क्लाउड स्टाइलिंग CocoaPod या 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

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

JavaScript

function initMap() {
  new google.maps.Map(document.getElementById("map"), {
    mapId: "8e0a97af9386fef",
    center: { lat: 48.85, lng: 2.35 },
    zoom: 12,
  });
}

window.initMap = initMap;
index.js
उदाहरण देखें

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

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

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

  1. अगर किसी ऐसे मौजूदा मैप के साथ क्लाउड-आधारित मैप स्टाइल का इस्तेमाल किया जा रहा है जिसे style पैरामीटर की मदद से पसंद के मुताबिक बनाया गया है, तो उसे हटा दें, ताकि आने वाले समय में सुविधाओं में कोई रुकावट न आए.

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

    <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" />