একটি মৌলিক মানচিত্র প্রদর্শন করুন

একটি মৌলিক মানচিত্র প্রদর্শনের চিত্র।

এই উদাহরণটি একটি মানচিত্র তৈরি করে যা সিয়াটেল, ওয়াশিংটনকে কেন্দ্র করে।

শুরু করুন

আপনি নমুনা কোড চেষ্টা করার আগে, আপনি আপনার উন্নয়ন পরিবেশ কনফিগার করতে হবে. আরও তথ্যের জন্য, iOS কোড নমুনার জন্য মানচিত্র SDK দেখুন।

কোডটি দেখুন

import GoogleMaps
import UIKit

class BasicMapViewController: UIViewController {
  var statusLabel: UILabel!

  override func viewDidLoad() {
    super.viewDidLoad()

    // Seattle coordinates
    let camera = GMSCameraPosition(latitude: 47.6089945, longitude: -122.3410462, zoom: 14)
    let mapView = GMSMapView(frame: view.bounds, camera: camera)
    mapView.delegate = self
    view = mapView
    navigationController?.navigationBar.isTranslucent = false

    statusLabel = UILabel(frame: .zero)
    statusLabel.alpha = 0.0
    statusLabel.backgroundColor = .blue
    statusLabel.textColor = .white
    statusLabel.textAlignment = .center
    view.addSubview(statusLabel)
    statusLabel.translatesAutoresizingMaskIntoConstraints = false
    NSLayoutConstraint.activate([
      statusLabel.topAnchor.constraint(equalTo: view.topAnchor),
      statusLabel.heightAnchor.constraint(equalToConstant: 30),
      statusLabel.leadingAnchor.constraint(equalTo: view.leadingAnchor),
      statusLabel.trailingAnchor.constraint(equalTo: view.trailingAnchor),
    ])
  }
}

extension BasicMapViewController: GMSMapViewDelegate {
  func mapViewDidStartTileRendering(_ mapView: GMSMapView) {
    statusLabel.alpha = 0.8
    statusLabel.text = "Rendering"
  }

  func mapViewDidFinishTileRendering(_ mapView: GMSMapView) {
    statusLabel.alpha = 0.0
  }
}
      
#import "GoogleMapsDemos/Samples/BasicMapViewController.h"

#import <GoogleMaps/GoogleMaps.h>

@implementation BasicMapViewController {
  UILabel *_statusLabel;
}

- (void)viewDidLoad {
  [super viewDidLoad];
  // Seattle coordinates
  GMSCameraPosition *camera = [GMSCameraPosition cameraWithLatitude:47.6089945
                                                          longitude:-122.3410462
                                                               zoom:14];
  GMSMapView *view = [GMSMapView mapWithFrame:CGRectZero camera:camera];
  view.delegate = self;
  self.view = view;

  // Add status label, initially hidden.
  _statusLabel = [[UILabel alloc] initWithFrame:CGRectMake(0, 0, 0, 30)];
  _statusLabel.alpha = 0.0f;
  _statusLabel.autoresizingMask = UIViewAutoresizingFlexibleWidth;
  _statusLabel.backgroundColor = [UIColor blueColor];
  _statusLabel.textColor = [UIColor whiteColor];
  _statusLabel.textAlignment = NSTextAlignmentCenter;

  [view addSubview:_statusLabel];
}

- (void)mapViewDidStartTileRendering:(GMSMapView *)mapView {
  _statusLabel.alpha = 0.8f;
  _statusLabel.text = @"Rendering";
}

- (void)mapViewDidFinishTileRendering:(GMSMapView *)mapView {
  _statusLabel.alpha = 0.0f;
}

@end
      

স্থানীয়ভাবে সম্পূর্ণ নমুনা অ্যাপটি চালান

iOS নমুনা অ্যাপের জন্য Maps SDK GitHub থেকে ডাউনলোড সংরক্ষণাগার হিসেবে উপলব্ধ। iOS নমুনা অ্যাপের জন্য Maps SDK ইনস্টল এবং চেষ্টা করতে এই ধাপগুলি অনুসরণ করুন।

  1. স্থানীয় ডিরেক্টরিতে নমুনা সংগ্রহস্থল ক্লোন করতে git clone https://github.com/googlemaps-samples/maps-sdk-for-ios-samples.git চালান।
  2. একটি টার্মিনাল উইন্ডো খুলুন, যে ডিরেক্টরিতে আপনি নমুনা ফাইলগুলি ক্লোন করেছেন সেখানে নেভিগেট করুন এবং GoogleMaps ডিরেক্টরিতে ড্রিল ডাউন করুন:

    cd maps-sdk-for-ios-samples-main/GoogleMaps-Swift
    pod install
    open GoogleMapsSwiftDemos.xcworkspace
    cd maps-sdk-for-ios-samples-main/GoogleMaps
    pod install
    open GoogleMapsDemos.xcworkspace
  3. Xcode-এ, বর্তমান স্কিমের সাথে অ্যাপটি তৈরি করতে কম্পাইল বোতাম টিপুন। বিল্ডটি একটি ত্রুটি তৈরি করে, আপনাকে সুইফটের জন্য SDKConstants.swift ফাইলে অথবা Objective-C-এর জন্য SDKDemoAPIKey.h ফাইলে আপনার API কী লিখতে অনুরোধ করে।
  4. যদি আপনার কাছে এখনও একটি API কী না থাকে তবে Google ক্লাউড কনসোলে একটি প্রকল্প সেট আপ করতে নির্দেশাবলী অনুসরণ করুন এবং একটি API কী পান৷ ক্লাউড কনসোলে কী কনফিগার করার সময়, শুধুমাত্র আপনার অ্যাপই কী ব্যবহার করতে পারে তা নিশ্চিত করতে আপনি নমুনা অ্যাপের বান্ডেল শনাক্তকারীর কীটিকে সীমাবদ্ধ করতে পারেন। SDK স্যাম্পল অ্যাপের ডিফল্ট বান্ডেল আইডেন্টিফায়ার হল com.example.GoogleMapsDemos
  5. উদ্দেশ্য-C-এর জন্য Swift বা SDKDemoAPIKey.h ফাইলের জন্য SDKConstants.swift ফাইল সম্পাদনা করুন এবং apiKey বা kAPIKey ধ্রুবকের সংজ্ঞাতে আপনার API কী পেস্ট করুন। যেমন:
    static let apiKey = "YOUR_API_KEY"
    static NSString *const kAPIKey = @"YOUR_API_KEY";
  6. SDKConstants.swift ফাইল (Swift) বা SDKDemoAPIKey.h ফাইলে (উদ্দেশ্য-সি), নিম্নলিখিত লাইনটি সরান, কারণ এটি ব্যবহারকারী-সংজ্ঞায়িত সমস্যা নিবন্ধন করতে ব্যবহৃত হয়:
    #error (Register for API Key and insert here. Then delete this line.)
    #error Register for API Key and insert here.
  7. নির্মাণ এবং প্রকল্প চালানো. iOS সিমুলেটর উইন্ডোটি প্রদর্শিত হবে, ম্যাপ SDK ডেমোগুলির একটি তালিকা দেখাচ্ছে৷
  8. iOS এর জন্য Maps SDK-এর একটি বৈশিষ্ট্য নিয়ে পরীক্ষা করার জন্য প্রদর্শিত বিকল্পগুলির মধ্যে একটি বেছে নিন।
  9. GoogleMapsDemos কে আপনার অবস্থান অ্যাক্সেস করার অনুমতি দেওয়ার জন্য অনুরোধ করা হলে, অনুমতি দিন নির্বাচন করুন।