मार्कर वाला मैप जोड़ना

इस ट्यूटोरियल में, अपने iOS ऐप्लिकेशन में मार्कर के साथ एक आसान Google मैप जोड़ने का तरीका बताया गया है. यह उन लोगों के लिए है जिन्हें Swift या Objective-C के बारे में शुरुआती या सामान्य जानकारी है. साथ ही, Xcode के बारे में भी सामान्य जानकारी होनी चाहिए. मैप बनाने के बारे में ज़्यादा जानकारी के लिए, डेवलपर गाइड पढ़ें.

इस ट्यूटोरियल का इस्तेमाल करके, आपको यह मैप बनाना होगा. मार्कर, ऑस्ट्रेलिया के सिडनी में है.

कोड प्राप्त करें

GitHub पर, Google Maps के iOS सैंपल रिपॉज़िटरी को क्लोन या डाउनलोड करें.

इसके अलावा, सोर्स कोड को डाउनलोड करने के लिए, इस बटन पर क्लिक करें:

मुझे कोड दें

Swift

import UIKit
import GoogleMaps

class ViewController: UIViewController {

    override func viewDidLoad() {
        super.viewDidLoad()
        // Do any additional setup after loading the view.
        // Create a GMSCameraPosition that tells the map to display the
        // coordinate -33.86,151.20 at zoom level 6.
        let camera = GMSCameraPosition.camera(withLatitude: -33.86, longitude: 151.20, zoom: 6.0)
        let mapView = GMSMapView.map(withFrame: self.view.frame, camera: camera)
        self.view.addSubview(mapView)

        // Creates a marker in the center of the map.
        let marker = GMSMarker()
        marker.position = CLLocationCoordinate2D(latitude: -33.86, longitude: 151.20)
        marker.title = "Sydney"
        marker.snippet = "Australia"
        marker.map = mapView
  }
}
      

Objective-C

#import "ViewController.h"
#import <GoogleMaps/GoogleMaps.h>

@interface ViewController ()

@end

@implementation ViewController

- (void)viewDidLoad {
    [super viewDidLoad];
  // Do any additional setup after loading the view.
  // Create a GMSCameraPosition that tells the map to display the
  // coordinate -33.86,151.20 at zoom level 6.
  GMSCameraPosition *camera = [GMSCameraPosition cameraWithLatitude:-33.86
                                                          longitude:151.20
                                                               zoom:6];
  GMSMapView *mapView = [GMSMapView mapWithFrame:self.view.frame camera:camera];
  mapView.myLocationEnabled = YES;
  [self.view addSubview:mapView];

  // Creates a marker in the center of the map.
  GMSMarker *marker = [[GMSMarker alloc] init];
  marker.position = CLLocationCoordinate2DMake(-33.86, 151.20);
  marker.title = @"Sydney";
  marker.snippet = @"Australia";
  marker.map = mapView;
}

@end
      

अपनी प्रोफ़ाइल बनाना शुरू करें

Swift Package Manager

iOS के लिए Maps SDK को Swift Package Manager का इस्तेमाल करके इंस्टॉल किया जा सकता है.

1. पक्का करें कि आपने iOS के लिए Maps SDK की सभी मौजूदा डिपेंडेंसी हटा दी हों.
2. कोई टर्मिनल विंडो खोलें और tutorials/map-with-marker डायरेक्ट्री पर जाएं.
3. पक्का करें कि आपका Xcode वर्कस्पेस बंद हो. इसके बाद, ये कमांड चलाएं:

   sudo gem install cocoapods-deintegrate cocoapods-clean
   pod deintegrate
   pod cache clean --all
   rm Podfile
   rm map-with-marker.xcworkspace

4. अपना Xcode प्रोजेक्ट खोलें और podfile मिटाएं.
5. फ़ाइल > पैकेज की डिपेंडेंसी जोड़ें पर जाएं.
6. यूआरएल के तौर पर https://github.com/googlemaps/ios-maps-sdk डालें. इसके बाद, पैकेज को इंपोर्ट करने के लिए Enter दबाएं और पैकेज जोड़ें पर क्लिक करें.
7. आपको फ़ाइल > पैकेज > पैकेज कैश मेमोरी रीसेट करें का इस्तेमाल करके, पैकेज कैश मेमोरी रीसेट करनी पड़ सकती है.

CocoaPods का इस्तेमाल करना

1. Xcode का 15.0 या उसके बाद का वर्शन डाउनलोड और इंस्टॉल करें.
2. अगर आपके पास पहले से CocoaPods नहीं है, तो टर्मिनल से यह कमांड चलाकर, इसे macOS पर इंस्टॉल करें:

   sudo gem install cocoapods

3. tutorials/map-with-marker डायरेक्ट्री पर जाएं.
4. pod install कमांड चलाएं. इससे, Podfile में बताए गए Maps SDK टूल के साथ-साथ, सभी डिपेंडेंसी भी इंस्टॉल हो जाएंगी.
5. इंस्टॉल किए गए पॉड के वर्शन की तुलना किसी नए अपडेट से करने के लिए, pod outdated चलाएं. अगर कोई नया वर्शन मिलता है, तो Podfile को अपडेट करने और नया SDK टूल इंस्टॉल करने के लिए, pod update चलाएं. ज़्यादा जानकारी के लिए, CocoaPods गाइड देखें.
6. प्रोजेक्ट की map-with-marker.xcworkspace फ़ाइल को खोलने के लिए, उस पर दो बार क्लिक करें. प्रोजेक्ट खोलने के लिए, आपको .xcworkspace फ़ाइल का इस्तेमाल करना होगा.

एपीआई पासकोड पाना और ज़रूरी एपीआई चालू करना

इस ट्यूटोरियल को पूरा करने के लिए, आपके पास ऐसी Google API कुंजी होनी चाहिए जिसे iOS के लिए Maps SDK टूल का इस्तेमाल करने की अनुमति मिली हो. पासकोड पाने और एपीआई को चालू करने के लिए, नीचे दिए गए बटन पर क्लिक करें.

शुरू करें

ज़्यादा जानकारी के लिए, एपीआई पासकोड पाना लेख पढ़ें.

अपने ऐप्लिकेशन में एपीआई पासकोड जोड़ना

AppDelegate.swift में अपनी एपीआई कुंजी इस तरह जोड़ें:

1. ध्यान दें कि फ़ाइल में इंपोर्ट स्टेटमेंट जोड़ा गया है:

   import GoogleMaps

2. अपने application(_:didFinishLaunchingWithOptions:) तरीके में, नीचे दी गई लाइन में बदलाव करें. इसके लिए, YOUR_API_KEY को अपनी एपीआई कुंजी से बदलें:

   GMSServices.provideAPIKey("YOUR_API_KEY")

ध्यान दें: पूरे ट्यूटोरियल के लिए सैंपल कोड को Swift Xcode प्रोजेक्ट के तौर पर चलाने के लिए कॉन्फ़िगर किया गया है. हालांकि, इसमें Swift और Objective-C के उदाहरण शामिल हैं.

अपना ऐप्लिकेशन बनाना और चलाना

1. अपने कंप्यूटर से कोई iOS डिवाइस कनेक्ट करें या Xcode स्कीम मेन्यू से कोई सिम्युलेटर चुनें.
2. अगर किसी डिवाइस का इस्तेमाल किया जा रहा है, तो पक्का करें कि जगह की जानकारी की सेवाएं चालू हों. अगर सिम्युलेटर का इस्तेमाल किया जा रहा है, तो सुविधाएं मेन्यू से कोई जगह चुनें.
3. Xcode में, प्रॉडक्ट/रन मेन्यू विकल्प (या प्ले बटन आइकॉन) पर क्लिक करें.
• Xcode, ऐप्लिकेशन को बनाता है और फिर उसे डिवाइस या सिम्युलेटर पर चलाता है.
• आपको एक मैप दिखेगा, जिसमें ऑस्ट्रेलिया के पूर्वी तट पर सिडनी के बीच में मार्कर होगा. यह मैप, इस पेज पर दी गई इमेज जैसा ही होगा.

समस्या का हल:

• अगर आपको कोई मैप नहीं दिखता है, तो देखें कि आपने एपीआई पासकोड हासिल किया है या नहीं. साथ ही, यह भी देखें कि आपने जैसा कि पहले बताया गया है, उसे ऐप्लिकेशन में जोड़ा है या नहीं. एपीआई पासकोड से जुड़ी गड़बड़ियों के मैसेज के लिए, Xcode के डीबगिंग कंसोल को देखें.
• अगर आपने iOS बंडल आइडेंटिफ़ायर के हिसाब से एपीआई कुंजी पर पाबंदी लगाई है, तो ऐप्लिकेशन के लिए बंडल आइडेंटिफ़ायर जोड़ने के लिए, कुंजी में बदलाव करें: com.google.examples.map-with-marker.
• पक्का करें कि आपके पास अच्छा वाई-फ़ाई या जीपीएस कनेक्शन हो.
• लॉग देखने और ऐप्लिकेशन को डीबग करने के लिए, Xcode के डीबगिंग टूल का इस्तेमाल करें.

कोड को समझना

1. मैप बनाएं और उसे viewDidLoad() में व्यू के तौर पर सेट करें.

   Swift

   // Create a GMSCameraPosition that tells the map to display the
   // coordinate -33.86,151.20 at zoom level 6.
   let camera = GMSCameraPosition.camera(withLatitude: -33.86, longitude: 151.20, zoom: 6.0)
   let mapView = GMSMapView.map(withFrame: CGRect.zero, camera: camera)
   view = mapView
         

   Objective-C

   // Create a GMSCameraPosition that tells the map to display the
   // coordinate -33.86,151.20 at zoom level 6.
   GMSCameraPosition *camera = [GMSCameraPosition cameraWithLatitude:-33.86
                                                           longitude:151.20
                                                                zoom:6.0];
   GMSMapView *mapView = [[GMSMapView alloc] initWithFrame: CGRectZero camera:camera];
   self.view = mapView;
         

2. viewDidLoad() में मैप पर मार्कर जोड़ें.

   Swift

   // Creates a marker in the center of the map.
   let marker = GMSMarker()
   marker.position = CLLocationCoordinate2D(latitude: -33.86, longitude: 151.20)
   marker.title = "Sydney"
   marker.snippet = "Australia"
   marker.map = mapView
         

   Objective-C

   // Creates a marker in the center of the map.
   GMSMarker *marker = [[GMSMarker alloc] init];
   marker.position = CLLocationCoordinate2DMake(-33.86, 151.20);
   marker.title = @"Sydney";
   marker.snippet = @"Australia";
   marker.map = mapView;
         

डिफ़ॉल्ट रूप से, iOS के लिए Maps SDK, जानकारी वाली विंडो का कॉन्टेंट तब दिखाता है, जब उपयोगकर्ता किसी मार्कर पर टैप करता है. अगर आपको डिफ़ॉल्ट व्यवहार का इस्तेमाल करना है, तो मार्कर के लिए क्लिक लिसनर जोड़ने की ज़रूरत नहीं है.

बधाई हो! आपने iOS ऐप्लिकेशन बनाया है, जो किसी खास जगह की जानकारी देने के लिए, मार्कर के साथ Google मैप दिखाता है. आपने iOS के लिए Maps SDK का इस्तेमाल करने का तरीका भी जाना है.

अगले चरण

मैप ऑब्जेक्ट के बारे में ज़्यादा जानें. साथ ही, यह भी जानें कि मार्कर का इस्तेमाल करके क्या-क्या किया जा सकता है.