ক্লাউড-ভিত্তিক মানচিত্রের স্টাইলিং

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

15 সেপ্টেম্বর, 2020-এর আগে তৈরি করা স্টাইলগুলি Google Maps-এর উন্নত প্রাকৃতিক বৈশিষ্ট্যগুলি প্রদর্শন করে না। আপনার মানচিত্র স্টাইলিংয়ের জন্য Google Maps উন্নত প্রাকৃতিক বৈশিষ্ট্য সমর্থন ব্যবহার করতে, আপনাকে অবশ্যই একটি মানচিত্র শৈলী তৈরি করতে হবে ।

ক্লাউড-ভিত্তিক মানচিত্র স্টাইলিং আপনাকে আপনার যেকোনও অ্যাপের জন্য মানচিত্রের শৈলী তৈরি এবং সম্পাদনা করতে দেয় যা Google মানচিত্র ব্যবহার করে, একবার ম্যাপ আইডিটি জায়গায় হয়ে গেলে আপনার কোডে কোনো পরিবর্তনের প্রয়োজন ছাড়াই। সমস্ত শৈলী পরিবর্তন ক্লাউড কনসোলে করা যেতে পারে, কোন কোডিং দক্ষতার প্রয়োজন নেই। অনেক মানচিত্রের উপাদান যেমন রাস্তা, বিল্ডিং, জলাশয়, আগ্রহের জায়গা এবং ট্রানজিট রুটের চেহারা এবং রঙ পরিবর্তন করুন।

এই বৈশিষ্ট্য অন্তর্ভুক্ত:

  • ক্লাউড-ভিত্তিক মানচিত্র স্টাইলিং : JSON ব্যবহার করে কোডে আপনার মানচিত্র স্টাইল করার পরিবর্তে, মানচিত্র আইডি এবং মানচিত্রের শৈলী ব্যবহার করে ক্লাউড কনসোলে আপনার গতিশীল বা স্ট্যাটিক মানচিত্রগুলি পরিচালনা এবং স্টাইল করুন।
  • ভেক্টর মানচিত্র : JavaScript বিকাশকারীরা তাদের নিজস্ব ওয়েব অ্যাপে সরাসরি maps.google.com-এ উপলব্ধ একই WebGL-অ্যাক্সিলারেটেড ভেক্টর-ভিত্তিক মানচিত্র ব্যবহার করতে বেছে নিতে পারেন।
  • ব্যবসায়িক POI ফিল্টারিং : মানচিত্র প্রদর্শন থেকে পাঁচটি বিভাগের আগ্রহের ব্যবসায়িক পয়েন্ট অপসারণ করা যেতে পারে।
  • POI ঘনত্ব নিয়ন্ত্রণ : বেসম্যাপে দেখানো আগ্রহের পয়েন্টের ঘনত্ব ডিফল্টভাবে বেশি বা কম পয়েন্ট দেখানোর জন্য সামঞ্জস্য করা যেতে পারে।

যদিও ক্লাউড-ভিত্তিক মানচিত্রের স্টাইলিং Android 1 এর জন্য Maps SDK , iOS এর জন্য Maps SDK , JavaScript , এবং Maps Static API- এ উপলব্ধ, সমস্ত বৈশিষ্ট্য সমস্ত প্ল্যাটফর্মে দৃশ্যমান নয়৷

তুমি শুরু করার আগে

  • একটি মানচিত্র আইডি তৈরি করুন
    ক্লাউড-ভিত্তিক মানচিত্র স্টাইলিং ব্যবহার করতে, আপনার মানচিত্র একটি মানচিত্র ID ব্যবহার করে লোড করা আবশ্যক৷
  • হার্ড-কোডেড স্টাইলিং থেকে আপডেট করুন একটি বিদ্যমান মানচিত্রে ক্লাউড-ভিত্তিক মানচিত্র স্টাইলিং ব্যবহার করার জন্য একটি মানচিত্র আইডি যোগ করার আগে যা হার্ড-কোডেড স্টাইলিং, যেমন JSON বা URL ক্যোয়ারী প্যারামিটারের সাথে কাস্টমাইজ করা হয়েছে, একটি সম্ভাব্য বিরোধ এড়াতে হার্ড-কোডেড স্টাইলিং সরিয়ে দিন ভবিষ্যতের বৈশিষ্ট্য সহ। আপনি একটি নতুন মানচিত্র শৈলীতে আপনার JSON স্টাইলিং আমদানি করতে পারেন।
* Android এর জন্য Maps SDK আপগ্রেড করুন
ক্লাউড-ভিত্তিক মানচিত্রের স্টাইলিং ব্যবহার করতে, আপনাকে অবশ্যই Android এর জন্য Maps SDK-এর 18.0.0 বা তার পরে ব্যবহার করতে হবে এবং Android রেন্ডারারের জন্য সর্বশেষ মানচিত্র SDK ব্যবহার করতে হবে ৷

বিলিং

ক্লাউড-ভিত্তিক মানচিত্র স্টাইলিং ব্যবহার করার জন্য একটি মানচিত্র ID প্রয়োজন। Android-এর জন্য Maps SDK, iOS-এর জন্য Maps SDK, এবং JavaScript-এ, একটি মানচিত্র ID ব্যবহার করলে ডায়নামিক মানচিত্র SKU- এর বিরুদ্ধে চার্জ নেওয়া হয়। মানচিত্র স্ট্যাটিক API-এ, একটি মানচিত্র ID ব্যবহার করলে স্ট্যাটিক মানচিত্র SKU-এর বিরুদ্ধে চার্জ করা হয়।

উদাহরণ

অ্যান্ড্রয়েড

ApiDemos নমুনা অ্যাপ চালান

ApiDemos নমুনা অ্যাপটি চালানোর জন্য, GitHub নমুনা ( Java | Kotlin ) দেখুন এবং CloudBasedMapStylingDemoActivity ডেমো ( Java | Kotlin ) দেখুন।

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

জ্ঞাত সমস্যা

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

পরীক্ষার উদ্দেশ্যে নতুন কাস্টম শৈলী অবিলম্বে প্রদর্শিত হবে তা নিশ্চিত করতে, আপনার পরীক্ষার ডিভাইস থেকে অ্যাপ ডেটা সাফ করুন। আপনার ডিভাইস থেকে ডেটা সাফ করার বিষয়ে আরও তথ্যের জন্য, দেখুন Android সহায়তা - স্থান ফাঁকা করুন ।

নোট করুন যে সেটিংস ফোন দ্বারা পরিবর্তিত হতে পারে। আরও তথ্যের জন্য, আপনার ডিভাইস প্রস্তুতকারকের সাথে যোগাযোগ করুন ।

iOS

ApiDemos নমুনা অ্যাপ চালান

ApiDemos নমুনা অ্যাপটি চালানোর জন্য, GitHub নমুনা Google Map নমুনা অ্যাপটি দেখুন এবং CloudBasedMapStylingViewController প্রকল্পটি দেখুন ( Swift | Objective-C এর জন্য GitHub নমুনা)।

ঐচ্ছিক ক্লাউড স্টাইলিং CocoaPod বা GitHub ডেমো

স্ক্র্যাচ থেকে শুরু করার পরিবর্তে, আপনি আমাদের অবজেক্টিভ-সি নমুনা অ্যাপ্লিকেশনটি ব্যবহার করে দেখতে পারেন যা এখানে ক্লাউড থেকে আপনার iOS মানচিত্রকে কীভাবে স্টাইল করতে হয় তা প্রদর্শন করে।

বিটা ডেমো অ্যাপ তৈরি করুন

Xcode-এ, তৈরি করতে কম্পাইল বোতাম টিপুন এবং তারপরে বর্তমান স্কিমটি চালান। বিল্ডটি একটি ত্রুটি তৈরি করে, আপনাকে SDKDemoAPIKey.h ফাইলে আপনার API কী প্রবেশ করতে অনুরোধ করে।

আপনার যদি এখনও একটি API কী না থাকে, তাহলে ক্লাউড কনসোলে একটি প্রকল্প সেট আপ করতে এবং একটি API কী পেতে এই নির্দেশাবলী অনুসরণ করুন ৷ ক্লাউড কনসোলে কী কনফিগার করার সময়, শুধুমাত্র আপনার অ্যাপই কী ব্যবহার করতে পারে তা নিশ্চিত করতে আপনি আপনার অ্যাপের বান্ডেল শনাক্তকারী নির্দিষ্ট করতে পারেন। SDK স্যাম্পল অ্যাপের ডিফল্ট বান্ডেল আইডেন্টিফায়ার হল com.example.GoogleMapsDemos ।

SDKDemoAPIKey.h ফাইলটি সম্পাদনা করুন এবং kAPIKey ধ্রুবকের সংজ্ঞায় আপনার API কী পেস্ট করুন:

```
static NSString *const kAPIKey = @"YOUR_API_KEY";
```

যদি Xcode আপনাকে সম্পাদনার জন্য SDKDemoAPIKey.h ফাইলটি আনলক করতে অনুরোধ করে, আনলক নির্বাচন করুন।

নিম্নলিখিত লাইন সরান:

```
#error Register for API Key and insert here.
```

নির্মাণ এবং প্রকল্প চালানো.

ক্লাউড-ভিত্তিক মানচিত্র স্টাইলিং মানচিত্র ডেমো

CloudStyling ডেমো দেখায় কিভাবে Google ক্লাউড কনসোলে একটি স্টাইল সেট ব্যবহার করে মানচিত্রের স্টাইল করা যায়।

ডেমো অ্যাপ্লিকেশন চালু হলে, তালিকার শীর্ষে বিটা নমুনা বিভাগে মানচিত্র কাস্টমাইজেশন ডেমোতে ক্লিক করুন।

বিভিন্ন মানচিত্র আইডি লোড করার প্রভাব দেখতে স্টাইল ম্যাপে ক্লিক করুন।

আপনি আপনার নিজস্ব শৈলী যোগ করার চেষ্টা করতে পারেন ("স্টাইল মানচিত্র" > "একটি নতুন মানচিত্র আইডি যোগ করুন"), এবং আপনার কাস্টম স্টাইল করা মানচিত্রের সাথে মানচিত্র আপডেটটি দেখুন৷

জাভাস্ক্রিপ্ট

এটি একটি মানচিত্র ID ব্যবহার করে একটি কাস্টম স্টাইল করা মানচিত্র লোড করার একটি মৌলিক উদাহরণ। এই ক্ষেত্রে, মানচিত্রটি লোড হয়ে গেলে মানচিত্র জাভাস্ক্রিপ্ট মানচিত্র ID 8e0a97af9386fef উল্লেখ করে এবং সেই মানচিত্র ID-এর সাথে বর্তমানে যুক্ত মানচিত্র শৈলী স্বয়ংক্রিয়ভাবে প্রয়োগ করে।

টাইপস্ক্রিপ্ট

function initMap(): void {
  new google.maps.Map(
    document.getElementById("map") as HTMLElement,
    {
      mapId: "8e0a97af9386fef",
      center: { lat: 48.85, lng: 2.35 },
      zoom: 12,
    } as google.maps.MapOptions
  );
}

declare global {
  interface Window {
    initMap: () => void;
  }
}
window.initMap = initMap;
index.ts

জাভাস্ক্রিপ্ট

function initMap() {
  new google.maps.Map(document.getElementById("map"), {
    mapId: "8e0a97af9386fef",
    center: { lat: 48.85, lng: 2.35 },
    zoom: 12,
  });
}

window.initMap = initMap;
index.js
উদাহরণ দেখুন

নমুনা চেষ্টা করুন

মানচিত্র স্ট্যাটিক API

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

  1. আপনি যদি style প্যারামিটারের সাথে কাস্টমাইজ করা একটি বিদ্যমান মানচিত্রের সাথে ক্লাউড-ভিত্তিক মানচিত্র স্টাইলিং ব্যবহার করেন তবে ভবিষ্যতের কার্যকারিতার সাথে সম্ভাব্য বিরোধ এড়াতে সেগুলিকে সরিয়ে দেওয়ার বিষয়টি নিশ্চিত করুন৷

  2. আমাদের ওয়েব APIগুলির একটি ব্যবহার করে এমন একটি নতুন বা বিদ্যমান মানচিত্রে একটি মানচিত্র আইডি যোগ করতে, map_id URL প্যারামিটার যোগ করুন এবং এটিকে আপনার মানচিত্র আইডিতে সেট করুন৷ এই উদাহরণটি মানচিত্র স্ট্যাটিক API ব্যবহার করে একটি মানচিত্রে একটি মানচিত্র ID যোগ করা দেখায়।

    <img src="https://maps.googleapis.com/maps/api/staticmap?center=Brooklyn+Bridge,New+York,NY&zoom=13&size=600x300&maptype=roadmap&markers=color:blue%7Clabel:S%7C40.702147,-74.015794&markers=color:green%7Clabel:G%7C40.711614,-74.012318&markers=color:red%7Clabel:C%7C40.718217,-73.998284&key=YOUR_API_KEY&map_id=YOUR_MAP_ID&signature=YOUR_SIGNATURE" />

  1. ক্লাউড-ভিত্তিক মানচিত্রের স্টাইলিং অ্যান্ড্রয়েড লাইট মোডে উপলব্ধ নয়৷ ↩