একটি সাধারণ HTTP অনুরোধের মাধ্যমেই আপনার ওয়েব পেজে একটি ইন্টারেক্টিভ মানচিত্র বা স্ট্রিট ভিউ প্যানোরামা যুক্ত করুন—কোনো জাভাস্ক্রিপ্টের প্রয়োজন নেই।
খরচ
সমস্ত ম্যাপস এমবেড এপিআই অনুরোধ বিনামূল্যে এবং সীমাহীন ব্যবহারের জন্য উপলব্ধ। তবে, সমস্ত অনুরোধের জন্য একটি বৈধ গুগল ক্লাউড এপিআই কী প্রয়োজন। আরও তথ্যের জন্য, ব্যবহার এবং বিলিং দেখুন।
শুরু করার আগে
আপনার ওয়েব পেজে একটি এমবেডেড ম্যাপ তৈরি করতে, নিচের ট্যাবগুলোতে ক্লিক করে প্রয়োজনীয় সেটআপ ধাপগুলো সম্পন্ন করুন:
ধাপ ১
কনসোল
গুগল ক্লাউড কনসোলের প্রজেক্ট সিলেক্টর পেজে, একটি নতুন ক্লাউড প্রজেক্ট তৈরি করা শুরু করতে 'Create Project'-এ ক্লিক করুন।
আপনার ক্লাউড প্রজেক্টের জন্য বিলিং চালু আছে কিনা তা নিশ্চিত করুন। আপনার প্রজেক্টের জন্য বিলিং চালু আছে কিনা তা যাচাই করুন ।
গুগল ক্লাউড $0.00 চার্জের একটি ট্রায়াল অফার করে। এই ট্রায়ালটি ৯০ দিন শেষে অথবা অ্যাকাউন্টে $300 মূল্যের চার্জ জমা হওয়ার পর, দুটির মধ্যে যেটি আগে ঘটবে, তখন শেষ হয়ে যাবে। যেকোনো সময় এটি বাতিল করা যাবে। আরও তথ্যের জন্য, বিলিং অ্যাকাউন্ট ক্রেডিট এবং বিলিং দেখুন।
ক্লাউড এসডিকে
gcloud projects create "PROJECT"
গুগল ক্লাউড এসডিকে , ক্লাউড এসডিকে ইনস্টলেশন এবং নিম্নলিখিত কমান্ডগুলো সম্পর্কে আরও পড়ুন:
ধাপ ২
গুগল ম্যাপস প্ল্যাটফর্ম ব্যবহার করতে হলে, আপনার প্রোজেক্টে যে এপিআই বা এসডিকেগুলো ব্যবহার করার পরিকল্পনা করছেন, সেগুলো অবশ্যই সক্রিয় করতে হবে।
কনসোল
ক্লাউড এসডিকে
gcloud services enable \ --project "PROJECT" \ "maps-embed-backend.googleapis.com"
গুগল ক্লাউড এসডিকে , ক্লাউড এসডিকে ইনস্টলেশন এবং নিম্নলিখিত কমান্ডগুলো সম্পর্কে আরও পড়ুন:
ধাপ ৩
এই ধাপে শুধুমাত্র এপিআই কী (API Key) তৈরির প্রক্রিয়াটি বর্ণনা করা হয়েছে। আপনি যদি প্রোডাকশনে আপনার এপিআই কী ব্যবহার করেন, তবে আমরা আপনাকে এটি সীমাবদ্ধ করার জন্য দৃঢ়ভাবে সুপারিশ করছি। আপনি পণ্য-নির্দিষ্ট 'এপিআই কী ব্যবহার' (Using API Keys) পৃষ্ঠায় আরও তথ্য পেতে পারেন।
এপিআই কী হলো একটি অনন্য শনাক্তকারী, যা ব্যবহার এবং বিলিংয়ের উদ্দেশ্যে আপনার প্রোজেক্টের সাথে যুক্ত অনুরোধগুলোকে প্রমাণীকরণ করে। আপনার প্রোজেক্টের সাথে অবশ্যই অন্তত একটি এপিআই কী যুক্ত থাকতে হবে।
একটি এপিআই কী তৈরি করতে:
কনসোল
গুগল ম্যাপস প্ল্যাটফর্ম > ক্রেডেনশিয়ালস পৃষ্ঠায় যান।
- ক্রেডেনশিয়ালস পেজে, ক্রিয়েট ক্রেডেনশিয়ালস > এপিআই কী-তে ক্লিক করুন।
এপিআই কী তৈরি করা ডায়ালগ বক্সে আপনার সদ্য তৈরি করা এপিআই কী-টি প্রদর্শিত হয়। - বন্ধ করুন-এ ক্লিক করুন।
নতুন এপিআই কী-টি ক্রেডেনশিয়ালস পৃষ্ঠার এপিআই কী (API keys) অংশে তালিকাভুক্ত করা আছে।
(প্রোডাকশনে ব্যবহার করার আগে এপিআই কী-টি সীমাবদ্ধ করতে মনে রাখবেন।)
ক্লাউড এসডিকে
gcloud services api-keys create \ --project "PROJECT" \ --display-name "DISPLAY_NAME"
গুগল ক্লাউড এসডিকে , ক্লাউড এসডিকে ইনস্টলেশন এবং নিম্নলিখিত কমান্ডগুলো সম্পর্কে আরও পড়ুন:
একটি আইফ্রেম তৈরি করা
আপনার ওয়েবপেজের জন্য একটি আইফ্রেম তৈরি করতে, নিচের অপশনগুলোতে ক্লিক করুন এবং একটি অবস্থান ও এপিআই কী যোগ করুন। অতিরিক্ত প্যারামিটার ও অপশনের জন্য, ‘মানচিত্র এমবেড করা’ দেখুন।
আপনার আইফ্রেম পরীক্ষা করা হচ্ছে
আপনার আইফ্রেমটি একটি এইচটিএমএল ব্রাউজার উইন্ডোতে দেখতে:
- আপনার ডিফল্ট টেক্সট এডিটরটি খুলুন। আপনার ডিভাইসে ডিফল্টভাবে টেক্সটএডিট বা মাইক্রোসফট উইন্ডোজ নোটপ্যাডের মতো টেক্সট এডিটর ইনস্টল করা থাকার কথা।
- একটি HTML ফাইল তৈরি করুন এবং এর নাম দিন
index.html। উপরে তৈরি করা আইফ্রেমটির সাথে নিম্নলিখিত কোডটি যোগ করুন:
<html> <!-- Replace this code comment with your iframe. --> </html>আপনার
index.htmlএইচটিএমএল ফাইলটি সংরক্ষণ করুন।আপনার ডেস্কটপ থেকে HTML ফাইলটি টেনে এনে ওয়েব ব্রাউজারে লোড করুন; বিকল্পভাবে, বেশিরভাগ অপারেটিং সিস্টেমে ফাইলটিতে ডাবল-ক্লিক করলেও কাজ হয়।
অভিনন্দন! আপনি এইমাত্র Maps Embed API ব্যবহার করে একটি মানচিত্র তৈরি ও প্রস্তুত করেছেন।
পরিষ্কার করা
আপনার গুগল ক্লাউড প্রজেক্টটি ডিলিট করে দিলে, সেই প্রজেক্টে ব্যবহৃত সমস্ত রিসোর্সের বিলিং বন্ধ হয়ে যাবে।
- Google Cloud কনসোলে, Manage resources পৃষ্ঠায় যান:
- আপনি যে প্রজেক্টটি মুছে ফেলতে চান সেটি যদি কোনো সংস্থার সাথে সংযুক্ত থাকে, তাহলে পৃষ্ঠার উপরের দিকে থাকা সংস্থার তালিকাটি নির্বাচন করে প্রসারিত করুন।
- প্রজেক্ট তালিকা থেকে, আপনি যে প্রজেক্টটি মুছতে চান সেটি নির্বাচন করুন এবং ডিলিট-এ ক্লিক করুন।
- ডায়ালগ বক্সে প্রজেক্ট আইডি টাইপ করুন এবং প্রজেক্টটি মুছে ফেলার জন্য 'শাট ডাউন'-এ ক্লিক করুন।
পরবর্তী পদক্ষেপ
আপনার গুগল ক্লাউড প্রজেক্ট সেট আপ করে ম্যাপস এমবেড এপিআই (Maps Embed API) দিয়ে ডেভেলপমেন্ট শুরু করুন:
আপনার আইফ্রেমে যোগ করতে পারেন এমন অতিরিক্ত প্যারামিটার ও অপশনগুলোর তালিকার জন্য:
জাভাস্ক্রিপ্ট এপিআই ব্যবহার করে আপনার ম্যাপস প্রজেক্টকে আরও উন্নত করুন: