শুরু হচ্ছে

প্ল্যাটফর্ম নির্বাচন করুন: iOS জাভাস্ক্রিপ্ট

সীমানার জন্য ডেটা-চালিত স্টাইলিং ব্যবহার করতে আপনাকে অবশ্যই একটি মানচিত্র আইডি তৈরি করতে হবে। এর পরে, আপনাকে অবশ্যই একটি নতুন মানচিত্রের শৈলী তৈরি করতে হবে, প্রয়োজনীয় সীমানা বৈশিষ্ট্য স্তরগুলি নির্বাচন করতে হবে এবং আপনার মানচিত্র আইডির সাথে শৈলীটি সংযুক্ত করতে হবে৷

একটি মানচিত্র আইডি তৈরি করুন

একটি ম্যাপআইডি একটি অনন্য শনাক্তকারী যা একটি Google মানচিত্রের একটি একক উদাহরণ উপস্থাপন করে। আপনি Google ক্লাউড কনসোলে যেকোনো সময় মানচিত্র আইডি তৈরি করতে পারেন এবং একটি মানচিত্র আইডির সাথে যুক্ত একটি শৈলী আপডেট করতে পারেন।

Google ক্লাউড কনসোলের একটি স্ক্রিনশট

একটি নতুন মানচিত্র শৈলী তৈরি করুন

একটি নতুন মানচিত্রের শৈলী তৈরি করতে, শৈলী তৈরি করতে মানচিত্র শৈলী পরিচালনা করুন -এ নির্দেশাবলী অনুসরণ করুন৷ একবার সম্পূর্ণ হলে নতুন তৈরি মানচিত্র আইডির সাথে স্টাইলটি সংযুক্ত করুন।

বৈশিষ্ট্য স্তর নির্বাচন করুন

Google ক্লাউড কনসোলে আপনি কোন বৈশিষ্ট্য স্তরগুলি প্রদর্শন করতে চান তা নির্বাচন করতে পারেন৷ এটি নির্ধারণ করে যে কোন ধরণের সীমানা মানচিত্রে প্রদর্শিত হবে (উদাহরণস্বরূপ স্থানীয় এলাকা, রাজ্য এবং আরও অনেক কিছু)।

বৈশিষ্ট্য স্তর পরিচালনা করুন

  1. Google ক্লাউড কনসোলে, মানচিত্র শৈলী পৃষ্ঠাতে যান

  2. অনুরোধ করা হলে একটি প্রকল্প নির্বাচন করুন.

  3. একটি মানচিত্র শৈলী নির্বাচন করুন.

  4. স্তর যোগ করতে বা সরাতে বৈশিষ্ট্য স্তর ড্রপ-ডাউন ক্লিক করুন.

  5. আপনার পরিবর্তনগুলি সংরক্ষণ করতে এবং সেগুলিকে আপনার মানচিত্রে উপলব্ধ করতে সংরক্ষণ করুন ক্লিক করুন৷

ড্রপ-ডাউন দেখানো একটি স্ক্রিনশট।

আপনার মানচিত্র প্রারম্ভিক কোড আপডেট করুন

এই পদক্ষেপের জন্য একটি মানচিত্র আইডি একটি শৈলীর সাথে যুক্ত করা প্রয়োজন যাতে এক বা একাধিক বৈশিষ্ট্য স্তর সক্ষম থাকে৷ ক্লাউড কনসোলে আপনার মানচিত্র আইডি সঠিকভাবে সেট আপ করা হয়েছে তা যাচাই করতে, মানচিত্র ব্যবস্থাপনার অধীনে এটি কীভাবে কনফিগার করা হয়েছে তা পর্যালোচনা করুন।

সুইফট

// A map ID using a style with one or more feature layers enabled

let mapID = GMSMapID(identifier: "YOUR_MAP_ID")
let mapView = GMSMapView(frame: .zero, mapID: mapID, camera: GMSCameraPosition(latitude: 40, longitude: -80, zoom: 7))

উদ্দেশ্য গ

// A map ID using a style with one or more feature layers enabled

GMSMapID *mapID = [GMSMapID mapIDWithIdentifier:@"MAP_ID"];
GMSMapView *mapView = [GMSMapView mapWithFrame:CGRectZero mapID:mapID camera:[GMSCameraPosition cameraWithLatitude:40 longitude:-80 zoom:7]];

একটি মানচিত্রে বৈশিষ্ট্য স্তর যোগ করুন

আপনার মানচিত্রে একটি বৈশিষ্ট্য স্তরের একটি রেফারেন্স পেতে, মানচিত্র শুরু হলে mapView.featureLayer(of:) কল করুন:

সুইফট

let layer = mapView.featureLayer(of: .locality)

উদ্দেশ্য গ

GMSFeatureLayer *layer = [mapView featureLayerOfFeatureType:GMSFeatureTypeLocality];

মানচিত্র ক্ষমতা পরীক্ষা করুন

সীমানার জন্য ডেটা-চালিত স্টাইলিংয়ের জন্য এমন ক্ষমতার প্রয়োজন যা Google ক্লাউড কনসোলে সক্ষম এবং একটি মানচিত্র আইডির সাথে যুক্ত। যেহেতু মানচিত্র আইডিগুলি পরিবর্তন সাপেক্ষে, আপনি একটি GMSMapViewmapView.mapCapabilities কল করতে পারেন যেটি কল করার আগে একটি নির্দিষ্ট ক্ষমতা (উদাহরণস্বরূপ ডেটা-চালিত স্টাইলিং) উপলব্ধ কিনা তা যাচাই করতে।

এছাড়াও আপনি GMSViewDelegate এ সদস্যতা নিয়ে মানচিত্রের ক্ষমতার পরিবর্তনগুলি সনাক্ত করতে পারেন৷ এই উদাহরণটি দেখায় কিভাবে ডেটা-চালিত স্টাইলিং প্রয়োজনীয়তা পরীক্ষা করতে প্রোটোকল ব্যবহার করতে হয়।

সুইফট

class SampleViewController: UIViewController {

  private lazy var mapView: GMSMapView = GMSMapView(frame: .zero, mapID: GMSMapID(identifier: "YOUR_MAP_ID"), camera: GMSCameraPosition(latitude: 40, longitude: -80, zoom: 7))

  override func loadView() {
    self.view = mapView
    mapView.delegate = self
  }
}

extension SampleViewController: GMSMapViewDelegate {
  func mapView(_ mapView: GMSMapView, didChange mapCapabilities: GMSMapCapabilityFlags) {
    if (!mapCapabilities.contains(.dataDrivenStyling)) {
      // Data-driven styling is *not* available, add a fallback.
      // Existing feature layers are also unavailable.
    }
  }
}

উদ্দেশ্য গ

@interface SampleViewController: UIViewController <GMSMapViewDelegate>
@end

@implementation SampleViewController
- (void)loadView {
  GMSMapView *mapView = [GMSMapView mapWithFrame:CGRectZero mapID:[GMSMapID mapIDWithIdentifier:@"MAP_ID"] camera:[GMSCameraPosition cameraWithLatitude:40 longitude:-80 zoom:7]];
  mapView.delegete = self;
  self.view = mapView;
}

- (void)mapView:(GMSMapView *)mapView didChangeMapCapabilities:(GMSMapCapabilityFlags)mapCapabilities {
  if (!(mapCapabilities & GMSMapCapabilityFlagsDataDrivenStyling)) {
    // Data-driven styling is *not* available, add a fallback.
    // Existing feature layers are also unavailable.
  }
}
@end