एक मैप जोड़ें

प्लैटफ़ॉर्म चुनें: Android iOS JavaScript

मैप को एपीआई में GMSMapView क्लास से दिखाया जाता है, UIView की सब-क्लास. मैप सबसे महत्वपूर्ण ऑब्जेक्ट है, iOS के लिए Maps SDK टूल. साथ ही, यह जोड़ने या हटाने के लिए ज़रूरी तरीके भी देता है मार्कर और पॉलीलाइन जैसी अन्य चीज़ों को मैनेज करना.

परिचय

iOS के लिए Maps SDK टूल की मदद से, Google Maps को आपका iOS ऐप्लिकेशन. ये मैप, आपको दिखने वाले मैप के जैसे ही दिखते हैं Google Maps iOS ऐप्लिकेशन और SDK टूल में एक जैसी कई सुविधाएं मौजूद हैं.

मैपिंग फ़ंक्शन के अलावा, यह एपीआई कई अन्य ऐसे इंटरैक्शन जो iOS यूज़र इंटरफ़ेस (यूआई) मॉडल के मुताबिक हैं. उदाहरण के लिए, आप सेट कर सकते हैं उपयोगकर्ता के जेस्चर पर प्रतिक्रिया देने वाले लोगों के बारे में जानकारी देकर, मैप के साथ इंटरैक्शन करने के लिए जैसे कि टैप या दो बार टैप करना.

मैप ऑब्जेक्ट के साथ काम करते समय, मुख्य क्लास GMSMapView क्लास होती है. GMSMapView इन कार्रवाइयों को अपने-आप मैनेज करता है:

  • Google Maps सेवा से कनेक्ट किया जा रहा है.
  • मैप टाइल डाउनलोड हो रही हैं.
  • डिवाइस की स्क्रीन पर टाइल दिख रही हैं.
  • पैन और ज़ूम जैसे अलग-अलग कंट्रोल दिखाए जा रहे हैं.
  • मैप को इधर-उधर ले जाकर और ज़ूम इन या ज़ूम आउट करके, पैन और ज़ूम करने के जेस्चर पर कार्रवाई की जाती है.
    • स्क्रीन के ऊपरी हिस्से के व्यू ऐंगल को झुकाकर, दो उंगलियों के जेस्चर का रिस्पॉन्स मैप.

इन अपने-आप होने वाली कार्रवाइयों के अलावा, आपके पास यह कंट्रोल करने का विकल्प भी होता है कि प्रॉपर्टी और मेथड से पता चलता है कि GMSMapView क्लास. GMSMapView आपको मार्कर जोड़ने और हटाने की अनुमति देता है ओवरले और पॉलीलाइन चुनें, मैप का टाइप बदलें, और कंट्रोल करें GMSCameraPosition के ज़रिए मैप पर क्या दिखाया गया है क्लास.

SwiftUI की मदद से Maps बनाएं

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

iOS के लिए Maps SDK टूल को UIKit के सबसे बेहतरीन वर्शन पर बनाया गया है. यह SwiftUI के साथ काम करने वाला व्यू. SwiftUI में मैप जोड़ने के लिए इनमें से किसी एक शर्त को पूरा करना ज़रूरी है UIViewRepresentable या UIViewControllerRepresentable. ज़्यादा जानने के लिए, यह देखें कोडलैब की मदद से, iOS ऐप्लिकेशन में मैप जोड़ना SwiftUI.

मैप जोड़ना

मैप जोड़ने के बुनियादी चरण ये हैं:

  1. SDK टूल पाने के लिए, एपीआई पासकोड पाएं, ज़रूरी फ़्रेमवर्क जोड़ें. इसके बाद, इसमें दिए गए चरणों को पूरा करें:

    1. Google Cloud Console में सेट अप करें

    2. एपीआई पासकोड का इस्तेमाल करना

    3. Xcode प्रोजेक्ट सेट अप करना

    4. अपने AppDelegate में, provideAPIKey: को अपना एपीआई पासकोड दें GMSServices पर क्लास मेथड.

    5. ViewController बनाएं या अपडेट करें. अगर मैप इस समय दिखता है, तो व्यू कंट्रोलर दिखने लगेगा. इसे viewDidLoad तरीका.

    6. अपना मैप व्यू शुरू करते समय, कॉन्फ़िगरेशन विकल्पों को GMSMapViewOptions. प्रॉपर्टी में frame, camera, mapID,backgroundColor या screen.

    7. मैप के विकल्प camera प्रॉपर्टी को GMSCameraPosition ऑब्जेक्ट. यह इसका केंद्र और ज़ूम स्तर तय करता है मैप.

    8. GMSMapView का इस्तेमाल करके GMSMapView क्लास बनाएं और उसे इंस्टैंशिएट करें options: तरीका. अगर इस मैप का इस्तेमाल व्यू कंट्रोलर के तौर पर किया जाना है सिर्फ़ देखने के लिए, मैप विकल्प frame की डिफ़ॉल्ट वैल्यू CGRectZero हो सकती है का इस्तेमाल व्यू frame के तौर पर किया जाता है — मैप का साइज़ अपने-आप बदल जाता है.

    9. GMSMapView ऑब्जेक्ट को व्यू कंट्रोलर के व्यू के तौर पर सेट करें. उदाहरण के लिए, self.view = mapView;.

नीचे दिए गए उदाहरण में किसी ऐप्लिकेशन में मैप जोड़ा गया है, जो सिंगापुर के कारोबारी इलाके में है.

Swift

import GoogleMaps

class MapObjects : UIViewController {
  override func viewDidLoad() {
    super.viewDidLoad()

    let options = GMSMapViewOptions()
    options.camera = GMSCameraPosition(latitude: 1.285, longitude: 103.848, zoom: 12)
    options.frame = self.view.bounds;

    let mapView = GMSMapView(options:options)
    self.view = mapView
  }
}

Objective-C

- (void)viewDidLoad {
  [super viewDidLoad];

  GMSMapViewOptions *options = [[GMSMapViewOptions alloc] init];
  options.camera = [GMSCameraPosition cameraWithLatitude:1.285
                                                        longitude:103.848
                                                             zoom:12];
  options.frame = self.view.bounds;

  GMSMapView *mapView = [[GMSMapView alloc] initWithOptions:options];
  self.view = mapView;
}

यह तरीका अपनाने के बाद, GMSMapView को और ज़्यादा कॉन्फ़िगर किया जा सकता है ऑब्जेक्ट है.

आगे क्या करना है

इन चरणों को पूरा करने के बाद, आप मैप को कॉन्फ़िगर कर सकते हैं सेटिंग पर टैप करें.