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

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

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

ভূমিকা

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

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

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

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

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

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

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

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

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

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

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

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

    2. একটি এপিআই কী ব্যবহার করুন

    3. একটি Xcode প্রজেক্ট সেট আপ করুন

    4. আপনার AppDelegate এ, GMSServices এর provideAPIKey: ক্লাস মেথডে আপনার API কী প্রদান করুন।

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

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

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

    8. GMSMapView options: মেথড ব্যবহার করে একটি GMSMapView ক্লাস তৈরি ও ইনস্ট্যানশিয়েট করুন। যদি এই ম্যাপটি ভিউ কন্ট্রোলারের একমাত্র ভিউ হিসেবে ব্যবহৃত হয়, তবে ম্যাপ অপশন frame ডিফল্ট মান CGRectZero কে ভিউ 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 অবজেক্টটি আরও কনফিগার করতে পারেন।

এরপর কী?

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