ওয়েবসাইটে গুগল ম্যাপ কিভাবে এম্বেড করবেন: 4 টি ধাপ

2024 লেখক: John Day | [email protected]. সর্বশেষ পরিবর্তিত: 2024-01-30 07:58

মানচিত্র চ্যালেঞ্জে আমার জন্য ভোট দিন!

সম্প্রতি, আমি একটি ওয়েবসাইট তৈরি করেছি যা গুগল ম্যাপ ব্যবহার করে। আমার ওয়েবসাইটে গুগল ম্যাপ এম্বেড করা মোটামুটি সহজ ছিল এবং এটি করা কঠিন ছিল না। এই নির্দেশাবলীতে, আমি আপনাকে দেখাবো আপনার ওয়েবসাইটে গুগল ম্যাপ এম্বেড করা কতটা সহজ।

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

এখন আমি অবশ্যই বলব, গুগল ম্যাপকে আপনার ওয়েবসাইটে এম্বেড করার জন্য আপনাকে অবশ্যই এইচটিএমএল এবং সিএসএস সম্পর্কে একটি বা দুটি বিষয় জানতে হবে। যদি আপনি HTML বা CSS সম্পর্কে কিছু না জানেন, তাহলে https://www.w3schools.com/ এ যাওয়ার চেষ্টা করুন

দ্রষ্টব্য: আমি কোন আকৃতি বা আকারে W3Schools এর সাথে যুক্ত নই। এটি একটি ওয়েবসাইট যা আমি HTML এবং CSS শেখার সময় সহায়ক বলে মনে করেছি।

সরবরাহ

• টেক্সট এডিটর (আপনার ওয়েবসাইট কাস্টমাইজ করতে এবং আপনার ওয়েবসাইটে কন্টেন্ট প্রদান করতে ব্যবহৃত হবে)।
• গুগল ম্যাপস (যা আপনার ওয়েবসাইটে এম্বেড করা হবে)।
• এইচটিএমএল এবং সিএসএস এর প্রাথমিক ধারণা

ধাপ 1: আপনার ওয়েবসাইটে সামগ্রী প্রদান করুন

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

গুগল মানচিত্র

গুগল মানচিত্র

নোটপ্যাডে নিম্নলিখিতগুলি টাইপ করার পরে, গুগল ম্যাপে যান যেখানে আপনি পরে আপনার ওয়েবসাইটে গুগল ম্যাপ এম্বেড করার জন্য কোডটি ব্যবহার করবেন।

গুগল ম্যাপে যাওয়ার জন্য এখানে লিঙ্ক দেওয়া হল:

ধাপ 2: আপনার ওয়েবসাইটে Google মানচিত্র এম্বেড করুন

একবার আপনি গুগল ম্যাপে গেলে, "মেনু" বোতামে ক্লিক করুন এবং তারপরে "শেয়ার করুন বা এম্বেড করুন মানচিত্র" সন্ধান করুন। একবার আপনি "ম্যাপ শেয়ার বা এম্বেড করুন" দেখতে পেলে এটিতে ক্লিক করুন। একবার আপনি এটিতে ক্লিক করার পরে, আপনাকে "একটি লিঙ্ক পাঠান" এবং "একটি মানচিত্র এম্বেড করুন" দেখতে হবে। এখন "একটি মানচিত্র এম্বেড করুন" এ ক্লিক করুন, একবার আপনি "একটি মানচিত্র এম্বেড করুন" এ ক্লিক করলে আপনার এখন একটি টেক্সট বক্সের বাম দিকে একটি নিচের তীর দেখতে হবে যা আপনি মানচিত্রটি কত বড় বা ছোট তা বেছে নিতে ব্যবহার করা হবে। বাক্সে লেখাটি অনুলিপি করুন। এবং লেখাটি আপনার ওয়েবসাইটের HTML এ পেস্ট করুন।

ধাপ 3: আপনার ওয়েবসাইট কাস্টমাইজ করুন

আপনার কম্পিউটারে আপনার টেক্সট এডিটর সফটওয়্যারে ফিরে যান এবং নিম্নলিখিত টাইপ করুন:

গুগল ম্যাপ বডি {ব্যাকগ্রাউন্ড-কালার: rgb (129, 207, 224, 1);}

গুগল মানচিত্র

আপনার ওয়েবসাইট কাস্টমাইজ করার জন্য স্টাইল ট্যাগ ব্যবহার করা হয়। এখন, আমি আপনাকে পরামর্শ দেব যে এই পদক্ষেপটি CSS ব্যবহার করে। আপনি নিম্নলিখিত টাইপ করতে পারেন যাতে আপনার দেখতে ঠিক আমার ওয়েবসাইটের মত।

আপনার কাজ শেষ হয়ে গেলে, আপনার ফাইলটিকে "Google Maps.html" হিসাবে সংরক্ষণ করুন। এইচটিএমএল অংশটি ভুলে যাবেন না কারণ আপনি যদি এই অংশটি অন্তর্ভুক্ত না করেন তবে আপনি একটি ওয়েবসাইট তৈরি করতে পারবেন না।

ধাপ 4: আপনার চূড়ান্ত পণ্য দেখুন

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

আপনি যদি আমার সোর্স কোড দেখতে চান তবে এটি এই নির্দেশাবলীর নীচে পাওয়া যাবে। আমার Instructables এবং সুখী কোডিং দেখার জন্য আপনাকে ধন্যবাদ!

একটি অনুস্মারক হিসাবে, দয়া করে মানচিত্র চ্যালেঞ্জে আমার জন্য ভোট দিন!