কীভাবে আপনার সাইটে গুগল রুট যুক্ত করবেন

একজন আইটি বিশেষজ্ঞ হিসাবে, আমি আপনাকে দেখাতে যাচ্ছি কিভাবে আপনার ওয়েবসাইটে গুগল রুট যোগ করবেন। এটি আপনার দর্শকদের যেখানেই হোক না কেন আপনার অবস্থানের দিকনির্দেশ পেতে অনুমতি দেবে। প্রথমে, আপনাকে একটি Google Maps API কী তৈরি করতে হবে। আপনি Google Developers Console এ গিয়ে একটি নতুন প্রকল্প তৈরি করে এটি করতে পারেন৷ একবার আপনি একটি প্রকল্প তৈরি করলে, 'এপিআই সক্ষম করুন এবং পরিচালনা করুন' লিঙ্কে ক্লিক করুন এবং তারপর 'মানচিত্র এম্বেড এপিআই' খুঁজুন এবং এটি সক্ষম করুন। এরপরে, আপনাকে Google Routes উইজেটের জন্য কোডটি পেতে হবে। আপনি Google Maps Embed API পৃষ্ঠায় গিয়ে 'Get Code' বোতামটি নির্বাচন করে এই কোডটি খুঁজে পেতে পারেন। কোডটি কপি করুন এবং আপনার ওয়েবসাইটের HTML এ পেস্ট করুন। অবশেষে, উইজেটটি প্রদর্শন করতে আপনাকে আপনার ওয়েবসাইটে নিম্নলিখিত কোড যোগ করতে হবে: 'YOUR_API_KEY' আপনার আগে তৈরি করা API কী দিয়ে এবং 'আপনার+গন্তব্য' আপনার অবস্থানের ঠিকানা দিয়ে প্রতিস্থাপন করুন। আপনার পরিবর্তনগুলি সংরক্ষণ করুন এবং আপনি সম্পন্ন করেছেন! আপনার দর্শকরা এখন বিশ্বের যে কোনো জায়গা থেকে আপনার অবস্থানের দিকনির্দেশ পেতে সক্ষম হবে।

জানতে চাইলে কিভাবে আপনার ওয়েবসাইটে গুগল ড্রাইভিং দিকনির্দেশ যোগ করবেন তারপর এই পোস্ট পড়ুন. গুগল মানচিত্র সবচেয়ে জনপ্রিয় ডিজিটাল মানচিত্র পরিষেবা বিশ্বব্যাপী। এটি একটি নির্দিষ্ট গন্তব্যের সেরা রুট খুঁজে পেতে রিয়েল-টাইম ট্রাফিক তথ্য ব্যবহার করে। একটি Google মানচিত্র এম্বেড করা আপনার ব্লগ বা ওয়েবসাইটে আপনার দর্শকদের একটি বিশ্বের মানচিত্রে আপনার অবস্থান দেখতে, আপনার ঠিকানা দেখতে, এবং পর্যালোচনা পড়তে সাহায্য করে (যদি থাকে)। আপনি অনন্য Google মানচিত্র এম্বেড কোড জেনারেটর ব্যবহার করে সহজেই আপনার ওয়েবসাইটে একটি মানচিত্র এম্বেড করতে পারেন, আপনি আপনার দর্শকদের আপনার অবস্থানে তাদের পথ খুঁজে পেতে সাহায্য করার জন্য একটি নেভিগেশন টুল হিসাবে এই মানচিত্রটি ব্যবহার করতে পারবেন না। এই পোস্টে, আমরা আপনাকে দেখাব কিভাবে আপনার দর্শকদের গাড়ি চালানোর দিকনির্দেশ দেখাতে Google মানচিত্র ব্যবহার করতে হয়।

আমরা নিম্নলিখিত 2 টি পদ্ধতি দেখব যার মাধ্যমে আপনি করতে পারেন আপনার ওয়েবসাইটে Google ড্রাইভিং দিকনির্দেশ যোগ করুন :

স্ট্যাটিক গুগল ম্যাপ সন্নিবেশ করুন এবং মানচিত্র রুট দেখানোর জন্য html ফর্ম ব্যবহার করুন
iFrame ম্যাপ জেনারেটর ব্যবহার করুন

আসুন এই পদ্ধতিগুলি বিস্তারিতভাবে দেখুন।

1] একটি স্ট্যাটিক গুগল ম্যাপ সন্নিবেশ করুন এবং মানচিত্রের রুট দেখানোর জন্য একটি HTML ফর্ম ব্যবহার করুন।

এই পদ্ধতিতে 2টি ধাপ রয়েছে। ধাপ 1 - এম্বেডিং স্থির গুগল ম্যাপ যা আপনার সঠিক অবস্থান নির্দেশ করে। ধাপ 2 একটি HTML ফর্ম যোগ করছে যা ব্যবহারকারীর অবস্থান গ্রহণ করে এবং Google মানচিত্রে তাদের জন্য একটি রুট ম্যাপ তৈরি করে। দেখা যাক কিভাবে এটা করা যায়।

ক] আপনার ওয়েবসাইটে গুগল ম্যাপ এম্বেড করুন

আপনার ব্রাউজার চালু করুন.
খোলা গুগল মানচিত্র একটি নতুন ব্রাউজার ট্যাবে।
উপরের বাম কোণায় Google Maps অনুসন্ধান বারে আপনার ঠিকানা লিখুন।
প্রদর্শিত ফলাফলের তালিকা থেকে একটি অবস্থান নির্বাচন করুন।
বিঃদ্রঃ: আপনি যদি আপনার ঠিকানা খুঁজে না পান তবে এটি ট্র্যাক করতে গুগল ম্যাপে জুম করুন৷ আপনি একটি মানচিত্রে আপনার অবস্থান চিহ্নিত করতে Google মানচিত্র রাস্তার দৃশ্য প্যানোরামা ব্যবহার করতে পারেন৷ একবার আপনি এটি খুঁজে পেলে, আপনি 'একটি অনুপস্থিত অবস্থান যোগ করুন' বা 'আপনার ব্যবসা যোগ করুন' বিকল্পগুলি ব্যবহার করে আপনার সঠিক ঠিকানার বিবরণ লিখতে পারেন এবং তারপর যাচাইয়ের জন্য Google-এ আপনার অবস্থান জমা দিতে পারেন। অনুরোধ জমা দেওয়ার কয়েক ঘণ্টার মধ্যে এটি যোগ করা হবে।
যখন Google Maps আপনার সঠিক অবস্থান নির্দেশ করে, তখন আইকনে ক্লিক করুন শেয়ার করুন আইকন
সুইচ একটি মানচিত্র এম্বেড করুন ট্যাব
চাপুন HTML কপি করুন আপনার ক্লিপবোর্ডে মানচিত্রের কোডটি অনুলিপি করার জন্য লিঙ্ক। আপনি একটি পূর্বনির্ধারিত আকার (ছোট, মাঝারি, বড়) বা একটি কাস্টম আকার প্রবেশ করে আপনার ওয়েবসাইটে মানচিত্রটি কত বড় বা ছোট দেখাতে চান তা নির্ধারণ করতে পারেন।
তারপর আপনার সাইটের অ্যাডমিন প্যানেলে যান।
ওয়েব পৃষ্ঠা খুলুন যেখানে আপনি মানচিত্র এম্বেড করতে চান।
কোড এডিটর ভিউতে স্যুইচ করুন।
কোড পেস্ট করুন।
কোড এডিটর থেকে প্রস্থান করুন। আপনি Google মানচিত্রের একটি পূর্বরূপ দেখতে সক্ষম হবেন৷

খ] Google মানচিত্রে একটি নেভিগেশন রুট তৈরি করতে একটি HTML ফর্ম ব্যবহার করুন।

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

2] iFrame ম্যাপ জেনারেটর ব্যবহার করুন

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

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

আরও পড়ুন: দৈনন্দিন ব্যবহারের জন্য সেরা Google মানচিত্রের বিকল্প।

আমি কি আমার ওয়েবসাইটে Google Maps যোগ করতে পারি?

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

আমি কিভাবে Google Maps এম্বেড কোড পেতে পারি?

Google Maps এম্বেড কোড পাওয়া বেশ সহজ। আপনার ব্রাউজার উইন্ডোতে একটি নতুন ট্যাবে Google Maps খুলুন এবং উপলব্ধ অনুসন্ধান বারে আপনার ঠিকানা লিখুন৷ যখন মানচিত্র আপনার ঠিকানা নির্বাচন করে এবং প্রদর্শন করে, তখন আইকনে ক্লিক করুন শেয়ার করুন আইকন শেয়ার উইন্ডোতে, বোতামে ক্লিক করুন একটি মানচিত্র এম্বেড করুন tab তারপর ক্লিক করুন HTML কপি করুন লিঙ্কটি উপরের ডানদিকে কোণায় দেখানো হয়েছে। এখানেই শেষ! আপনি Google মানচিত্রের মেনুতে (হ্যামবার্গার আইকন) ক্লিক করতে পারেন এবং আইকনে ক্লিক করতে পারেন একটি মানচিত্র শেয়ার করুন বা এম্বেড করুন বিকল্প এই কোডটি পাওয়ার আরেকটি উপায় হল ফ্রি এইচটিএমএল ম্যাপ জেনারেটর (মানচিত্র iFrame জেনারেটর) এর মাধ্যমে যা উপরের পোস্টে পদ্ধতি 2 এ বর্ণিত হয়েছে।

আরও পড়ুন: আপনাকে একজন পেশাদার করার জন্য সেরা Google মানচিত্র টিপস এবং কৌশল৷