Maps Embed API কুইকস্টার্ট

সহজ HTTP অনুরোধের মাধ্যমে আপনার ওয়েবপেজে ইন্টার‍্যাক্টিভ ম্যাপ বা Street View প্যানোরামা প্লেস করুন—কোনও কাস্টম JavaScript প্রয়োজন নেই।

খরচ

Maps Embed API-এর সব অনুরোধ সীমাহীন ব্যবহারের সাথে কোনও চার্জ ছাড়াই উপলভ্য। তবে, সব অনুরোধের জন্য এখনও একটি বৈধ Google Cloud API কী প্রয়োজন। আরও তথ্যের জন্য, ব্যবহার ও বিলিং দেখুন।

শুরু করার আগে

আপনার ওয়েবপেজে এম্বেড করা ম্যাপ তৈরি করতে, নিম্নলিখিত ট্যাবগুলিতে ক্লিক করে প্রয়োজনীয় সেট-আপ ধাপগুলি সম্পূর্ণ করুন:

ধাপ ১

কনসোল

1. Google Cloud কনসোলে, প্রোজেক্ট বাছাইকারী পৃষ্ঠায়, নতুন Cloud প্রোজেক্ট তৈরি করা শুরু করতে, প্রোজেক্ট তৈরি করুন বিকল্পে ক্লিক করুন।

   প্রোজেক্ট বাছাইকারী পৃষ্ঠায় যান

2. আপনার Cloud প্রোজেক্টের জন্য বিলিং চালু করা আছে কিনা তা ভাল করে দেখে নিন। আপনার প্রোজেক্টের জন্য বিলিং চালু করা আছে কিনা তা কনফার্ম করুন।

   মনে রাখবেন: Cloud প্রোজেক্ট সেট-আপ করার জন্য আপনাকে বিলিং অ্যাকাউন্ট সেট-আপ করতে হলেও, Embed API-এর প্রকৃত ব্যবহার কোনও চার্জ ছাড়াই উপলভ্য।

   Google Cloud $0.00 চার্জের ট্রায়াল অফার করে। ৯০ দিনের শেষে অথবা অ্যাকাউন্টে $৩০০ মূল্যের চার্জ জমা হলে, যেটি আগে ঘটবে, তখনই ট্রায়ালের মেয়াদ শেষ হয়ে যাবে। যেকোনও সময় বাতিল করুন। আরও তথ্যের জন্য, বিলিং অ্যাকাউন্ট ক্রেডিট ও বিলিং দেখুন।

Cloud SDK

gcloud projects create "PROJECT"

Google Cloud SDK , Cloud SDK ইনস্টলেশন এবং নিম্নলিখিত কমান্ড সম্পর্কে আরও জানুন:

• gcloud projects create

মনে রাখবেন: আপনি যদি শেখার অনুশীলনে তৈরি করা রিসোর্স রাখতে না চান, তাহলে আগে থেকে থাকা কোনও প্রোজেক্ট বেছে না নিয়ে একটি নতুন প্রোজেক্ট তৈরি করুন। এই এক্সারসাইজ সম্পূর্ণ করার পরে, আপনি প্রোজেক্ট মুছে দিতে পারেন, এর ফলে প্রোজেক্টের সাথে যুক্ত সব রিসোর্স মুছে যাবে।

ধাপ ২

Google Maps Platform ব্যবহার করতে, আপনার প্রোজেক্টের সাথে যে API বা SDK ব্যবহার করার পরিকল্পনা করেছেন, সেগুলি অবশ্যই চালু করতে হবে।

কনসোল

Maps Embed API চালু করুন

Cloud SDK

gcloud services enable \
    --project "PROJECT" \
    "maps-embed-backend.googleapis.com"

Google Cloud SDK , Cloud SDK ইনস্টলেশন এবং নিম্নলিখিত কমান্ড সম্পর্কে আরও জানুন:

• gcloud services enable
• gcloud services disable

ধাপ ৩

এই ধাপে শুধু API কী তৈরি করার প্রসেস দেখানো হয়। আপনি প্রোডাকশনে API কী ব্যবহার করলে, আমরা API কী সীমাবদ্ধ করার জন্য জোরালো সাজেশন দিই। প্রোডাক্ট-নির্দিষ্ট API কী ব্যবহার করা পৃষ্ঠায় আপনি আরও তথ্য পাবেন।

API কী হল একটি অনন্য শনাক্তকারী যা আপনার প্রোজেক্টের সাথে যুক্ত অনুরোধকে ব্যবহার ও বিলিং সংক্রান্ত উদ্দেশ্যে যাচাই করে। আপনার প্রোজেক্টের সাথে কমপক্ষে একটি API কী যুক্ত থাকতে হবে।

API কী তৈরি করতে:

কনসোল

1. Google Maps Platform > ক্রেডেনশিয়াল পৃষ্ঠায় যান।

   ক্রেডেনশিয়াল পৃষ্ঠায় যান

2. শংসাপত্র পৃষ্ঠায়, শংসাপত্র তৈরি করুন > API কী বিকল্পে ক্লিক করুন।
   তৈরি করা API key ডায়ালগে আপনার নতুন তৈরি করা API key দেখানো হয়।
3. বন্ধ করুন বিকল্পে ক্লিক করুন।
   নতুন API key API key-এর অধীনে ক্রেডেনশিয়াল পৃষ্ঠায় তালিকাভুক্ত করা হয়েছে।
   (প্রোডাকশনে ব্যবহার করার আগে API কী সীমাবদ্ধ করতে ভুলবেন না।)

Cloud SDK

gcloud services api-keys create \
    --project "PROJECT" \
    --display-name "DISPLAY_NAME"

Google Cloud SDK , Cloud SDK ইনস্টলেশন এবং নিম্নলিখিত কমান্ড সম্পর্কে আরও জানুন:

• gcloud services api-keys create

iframe তৈরি করা

নিচে উল্লেখ করা বিকল্পে ক্লিক করে আপনার ওয়েবপেজের জন্য iframe তৈরি করতে একটি লোকেশন ও API কী যোগ করুন। অতিরিক্ত প্যারামিটার ও বিকল্পের জন্য, ম্যাপ এম্বেড করা দেখুন।

আপনার iframe পরীক্ষা করা

HTML ব্রাউজার উইন্ডোতে আপনার iframe দেখতে:

1. আপনার ডিফল্ট টেক্সট এডিটর খুলুন। আপনার ডিভাইসে ডিফল্ট হিসেবে TextEdit বা Microsoft Windows Notepad এর মতো টেক্সট এডিটর ইনস্টল করা থাকতে হবে।
2. একটি HTML ফাইল তৈরি করে সেটির নাম index.html দিন।

3. আপনি উপরে যে iframe তৈরি করেছেন তার সাথে নিম্নলিখিত কোড যোগ করুন:

   <html>
     <!-- Replace this code comment with your iframe. -->
   </html>
   

4. আপনার index.html HTML ফাইল সেভ করুন।

5. আপনার ডেস্কটপ থেকে টেনে এনে আপনার ব্রাউজারে HTML ফাইলটি লোড করুন; বিকল্প হিসেবে, বেশিরভাগ অপারেটিং সিস্টেমে ফাইলে ডবল ক্লিক করলে সেটি খুলে যায়।

অভিনন্দন! আপনি এইমাত্র Maps Embed API ব্যবহার করে ম্যাপ সেট-আপ ও তৈরি করেছেন।

পরিষ্কার করা

সেই প্রোজেক্টের মধ্যে ব্যবহৃত সব রিসোর্সের জন্য বিলিং বন্ধ করতে, আপনার Google Cloud প্রোজেক্ট মুছে দিতে পারেন।

সতর্কতা: কোনও প্রোজেক্ট মুছে দিলে নিম্নলিখিত প্রভাবগুলি পড়ে:

• প্রোজেক্টের সবকিছু মুছে যায়। এই টিউটোরিয়ালের জন্য আপনি আগে থেকে থাকা কোনও প্রোজেক্ট ব্যবহার করে থাকলে, সেটি মুছে দেওয়ার সময়, প্রোজেক্টে আপনার করা অন্যান্য কাজও মুছে যাবে।
• কাস্টম প্রোজেক্ট আইডি হারিয়ে গেছে। এই প্রোজেক্ট তৈরি করার সময়, আপনি হয়ত একটি কাস্টম প্রোজেক্ট আইডি তৈরি করেছেন যা আপনি ভবিষ্যতে ব্যবহার করতে চান। প্রোজেক্ট আইডি ব্যবহার করে এমন URL, যেমন appspot.com URL, সেভ করতে, পুরো প্রোজেক্ট মুছে দেওয়ার পরিবর্তে প্রোজেক্টের মধ্যে বেছে নেওয়া রিসোর্স মুছে দিন।

1. Google Cloud Console-এ, রিসোর্স ম্যানেজ করুন পৃষ্ঠায় যান:

   'রিসোর্স ম্যানেজ করুন' পৃষ্ঠায় যান

2. আপনি যে প্রোজেক্টটি মুছে দিতে চান সেটি কোনও সংস্থার সাথে যুক্ত থাকলে, পৃষ্ঠার উপরে থাকা সংস্থার তালিকা বেছে নিয়ে সেটি বড় করুন।
3. প্রোজেক্টের তালিকা থেকে, আপনি যে প্রোজেক্টটি মুছতে চান সেটি বেছে নিন এবং মুছুন বিকল্পে ক্লিক করুন।
4. ডায়ালগে, প্রোজেক্ট আইডি টাইপ করুন এবং প্রোজেক্ট মুছে দিতে বন্ধ করুন বিকল্পে ক্লিক করুন।

পরবর্তী ধাপ

• আপনার Google Cloud প্রোজেক্ট সেট-আপ করে Maps Embed API-এর মাধ্যমে ডেভেলপ করা শুরু করুন:

  Cloud Console-এ সেট-আপ করা

• আপনার iframe-এ যোগ করতে পারবেন এমন অতিরিক্ত প্যারামিটার ও বিকল্পের তালিকা পেতে:

  ম্যাপ এম্বেড করা

• JavaScript API-এর মাধ্যমে আপনার Maps প্রোজেক্টের পরিধি বাড়ান:

  Maps JavaScript API