একটি মানচিত্র যোগ করুন

প্ল্যাটফর্ম নির্বাচন করুন: অ্যান্ড্রয়েড আইওএস জাভাস্ক্রিপ্ট

API-তে মানচিত্রগুলিকে GMSMapView ক্লাস দ্বারা উপস্থাপন করা হয়, যা UIView এর একটি উপশ্রেণী। iOS-এর জন্য মানচিত্র SDK-তে মানচিত্র হল সবচেয়ে গুরুত্বপূর্ণ বস্তু, এবং মার্কার এবং পলিলাইনের মতো অন্যান্য বস্তু যোগ, অপসারণ এবং পরিচালনা করার জন্য প্রয়োজনীয় পদ্ধতি প্রদান করে।

ভূমিকা

iOS এর জন্য Maps SDK আপনাকে আপনার iOS অ্যাপ্লিকেশনে একটি Google মানচিত্র প্রদর্শন করতে দেয়। এই মানচিত্রগুলির চেহারা Google Maps iOS অ্যাপে আপনি যে মানচিত্রগুলি দেখেন তার মতোই, এবং SDK অনেকগুলি একই বৈশিষ্ট্য প্রদর্শন করে।

ম্যাপিং কার্যকারিতা ছাড়াও, API iOS UI মডেলের সাথে সামঞ্জস্যপূর্ণ বিভিন্ন ধরণের ইন্টারঅ্যাকশন সমর্থন করে। উদাহরণস্বরূপ, আপনি ট্যাপ এবং ডাবল-ট্যাপের মতো ব্যবহারকারীর অঙ্গভঙ্গিতে প্রতিক্রিয়া জানাতে পারে এমন প্রতিক্রিয়াকারীদের সংজ্ঞায়িত করে একটি মানচিত্রের সাথে ইন্টারঅ্যাকশন সেট আপ করতে পারেন।

ম্যাপ অবজেক্টের সাথে কাজ করার সময় মূল ক্লাস হল GMSMapView ক্লাস। GMSMapView নিম্নলিখিত ক্রিয়াকলাপগুলি স্বয়ংক্রিয়ভাবে পরিচালনা করে:

  • গুগল ম্যাপস পরিষেবার সাথে সংযুক্ত হচ্ছে।
  • মানচিত্রের টাইলস ডাউনলোড করা হচ্ছে।
  • ডিভাইসের স্ক্রিনে টাইলস প্রদর্শন করা হচ্ছে।
  • প্যান এবং জুমের মতো বিভিন্ন নিয়ন্ত্রণ প্রদর্শন করা হচ্ছে।
  • ম্যাপটি সরানোর মাধ্যমে এবং জুম ইন বা আউট করে প্যান এবং জুম অঙ্গভঙ্গির প্রতিক্রিয়া জানানো।
    • মানচিত্রের দেখার কোণটি কাত করে দুটি আঙুলের অঙ্গভঙ্গির প্রতিক্রিয়া জানানো।

এই স্বয়ংক্রিয় ক্রিয়াকলাপগুলি ছাড়াও, আপনি GMSMapView ক্লাস দ্বারা প্রকাশিত বৈশিষ্ট্য এবং পদ্ধতিগুলির মাধ্যমে মানচিত্রের আচরণ এবং উপস্থিতি নিয়ন্ত্রণ করতে পারেন। GMSCameraPosition ক্লাসের মাধ্যমে মার্কার, গ্রাউন্ড ওভারলে এবং পলিলাইন যোগ এবং অপসারণ করতে, প্রদর্শিত মানচিত্রের ধরণ পরিবর্তন করতে এবং মানচিত্রে কী দেখানো হবে তা নিয়ন্ত্রণ করতে GMSMapView ব্যবহার করুন।

SwiftUI দিয়ে মানচিত্র তৈরি করুন

SwiftUI একটি ঘোষণামূলক পদ্ধতি ব্যবহার করে UI তৈরি করার একটি অতিরিক্ত উপায় প্রদান করে। আপনি SwiftUI কে আপনার ভিউটি কেমন দেখতে চান তা জানান, এর জন্য বিভিন্ন অবস্থা সহ, এবং বাকি কাজটি সিস্টেমটি করে। যখনই কোনও ইভেন্ট বা ব্যবহারকারীর ক্রিয়াকলাপের কারণে অন্তর্নিহিত অবস্থা পরিবর্তন হয় তখন SwiftUI ভিউ আপডেট করার ব্যবস্থা করে।

iOS এর জন্য Maps SDK UIKit এর উপরে তৈরি এবং এটি SwiftUI-সামঞ্জস্যপূর্ণ ভিউ প্রদান করে না। SwiftUI তে মানচিত্র যোগ করার জন্য UIViewRepresentable অথবা UIViewControllerRepresentable এর সাথে সামঞ্জস্যপূর্ণ হতে হবে। আরও জানতে, SwiftUI ব্যবহার করে আপনার iOS অ্যাপে একটি মানচিত্র যোগ করার কোডল্যাব দেখুন।

একটি মানচিত্র যোগ করুন

মানচিত্র যোগ করার প্রাথমিক ধাপগুলি হল:

  1. SDK পেতে, একটি API কী সংগ্রহ করুন এবং প্রয়োজনীয় ফ্রেমওয়ার্ক যোগ করুন, নিম্নলিখিত ধাপগুলি অনুসরণ করুন:

    1. গুগল ক্লাউড কনসোলে সেট আপ করুন

    2. একটি API কী ব্যবহার করুন

    3. একটি এক্সকোড প্রকল্প সেট আপ করুন

    4. আপনার AppDelegate এ, GMSServices এর provideAPIKey: ক্লাস পদ্ধতিতে আপনার API কীটি প্রদান করুন।

    5. একটি ViewController তৈরি বা আপডেট করুন। যদি এই ভিউ কন্ট্রোলারটি দৃশ্যমান হওয়ার সাথে সাথে মানচিত্রটি প্রদর্শিত হয়, তাহলে viewDidLoad পদ্ধতির মধ্যে এটি তৈরি করতে ভুলবেন না।

    6. আপনার ম্যাপ ভিউ শুরু করার সময়, GMSMapViewOptions দিয়ে কনফিগারেশন বিকল্পগুলি সেট করুন। বৈশিষ্ট্যগুলির মধ্যে রয়েছে frame , camera , mapID , backgroundColor বা screen

    7. GMSCameraPosition অবজেক্ট দিয়ে আপনার মানচিত্রের বিকল্প camera বৈশিষ্ট্য সেট করুন। এটি মানচিত্রের কেন্দ্র এবং জুম স্তর নির্দিষ্ট করে।

    8. GMSMapView options: পদ্ধতি ব্যবহার করে একটি GMSMapView ক্লাস তৈরি এবং ইনস্ট্যান্টিয়েট করুন। যদি এই মানচিত্রটি ভিউ কন্ট্রোলারের একমাত্র ভিউ হিসেবে ব্যবহার করতে হয়, তাহলে CGRectZero এর ম্যাপ অপশন frame ডিফল্ট মান ভিউ frame হিসেবে ব্যবহার করা যেতে পারে — ম্যাপটি স্বয়ংক্রিয়ভাবে আকার পরিবর্তন করা হয়।

    9. GMSMapView অবজেক্টটিকে ভিউ কন্ট্রোলারের ভিউ হিসেবে সেট করুন। উদাহরণস্বরূপ, self.view = mapView;

নিচের উদাহরণটি একটি অ্যাপে সিঙ্গাপুর শহরের কেন্দ্রস্থলে অবস্থিত একটি মানচিত্র যোগ করেছে।

সুইফট

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
  }
}

অবজেক্টিভ-সি

- (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 অবজেক্টটি আরও কনফিগার করতে পারেন।

এরপর কি?

এই ধাপগুলি সম্পন্ন করার পরে, আপনি মানচিত্র সেটিংস কনফিগার করতে পারেন।