যদিও পয়েন্ট এ থেকে পয়েন্ট বি যেতে যাতে অনেক ম্যাপিং অ্যাপ এবং সার্ভিস রয়েছে, ম্যাপের নিঃসন্দেহ রাজা হল গুগল ম্যাপস। আমি এটি আমার কম্পিউটার, ট্যাবলেট এবং ৯০% সময় আমার স্মার্টফোনে ব্যবহার করি। এতে সেরা ডেটা, সবচেয়ে বেশি নেভিগেশন এবং রাউটিং অপশন এবং স্ট্রিট ভিউ, ওয়াকিং, বাইকিং এবং মাস ট্রানজিট ইনফো seperti কুল ফিচার রয়েছে।
কিন্তু যদি আপনাকে গুগলের ওয়েবসাইটের বাইরে ম্যাপ বা ডাইরেকশন ব্যবহার করতে হয়? ধরুন আপনার নিজের বিয়ে ওয়েবসাইট বা একটি পারসনাল ব্লগ আছে এবং অতিথিদের আপনার সাইটে ভিজিট করে তাদের অ্যাড্রেস টাইপ করে আপনার ইভেন্ট লোকেশনে অটোমেটিকভাবে ডাইরেকশন পেতে পারেন!
ঠিক আছে, এটি সম্পাদনের কয়েকটি উপায় রয়েছে। সবচেয়ে সহজ উপায় হল গুগল ম্যাপস দ্বারা জেনারেট করা এম্বেড কোড ব্যবহার করে ম্যাপটি আপনার ওয়েবপেজে এম্বেড করা। দ্বিতীয় উপায় কিছুটা টেকনিক্যাল, কিন্তু আরও কাস্টমাইজযোগ্য এবং ডাইনামিক। আমি নিচে দুটি পদ্ধতিই উল্লেখ করব।
গুগল ম্যাপ এম্বেড করুন
আপনি যদি শুধু একটি লোকেশন থেকে অন্যটিতে ডাইরেকশন প্রদর্শন করতে চান, তবে সবচেয়ে সহজ কাজ হল আপনি যা দেখছেন সেই ম্যাপটি এম্বেড কোড ব্যবহার করে এম্বেড করা। প্রথমে, গুগল ম্যাপসে আপনি যে ডাইরেকশন চান সেটি সেট আপ করুন এবং পৃষ্ঠার নিচে ডানের কোণে গিয়ার আইকনে ক্লিক করুন।
শেয়ার বা এম্বেড ম্যাপ-এ ক্লিক করুন এবং তারপর এম্বেড ম্যাপ ট্যাবে ক্লিক করুন। এখানে আপনি আপনার ম্যাপের জন্য একটি আকার বেছে নিতে পারেন এবং তারপর iframe কোডটি কপি করে আপনার পছন্দমত যেকোনো ওয়েবপেজে ড্রপ করতে পারেন।
এই পদ্ধতির একমাত্র নাকামি হল ব্যবহারকারী শুধু একটি স্ট্যাটিক ম্যাপ দেখে। নিচের দ্বিতীয় পদ্ধতিতে, আপনি একটি ফর্ম তৈরি করতে পারেন যেখানে ব্যবহারকারী যেকোনো শুরুর অ্যাড্রেস টাইপ করবে এবং এটি আপনার নির্বাচিত ডেস্টিনেশন অ্যাড্রেস থেকে সেটি ম্যাপ জেনারেট করবে।
গুগল ম্যাপস ফর্ম তৈরি করুন
দ্বিতীয় পদ্ধতির অর্থ বোঝাতে, নিচে একটি ইউএস অ্যাড্রেস টাইপ করুন আমার বাড়ি থেকে আপনার লোকেশন থেকে ডাইরেকশন পেতে:
কুল হুহ? আপনি যেকোনো ওয়েবসাইট, ব্লগ, বা যেখানে HTML কোড রাখতে পারেন সেখানে এই ছোট ফর্মটি সহজে তৈরি করতে পারেন! এটি ছোট ব্যবসার ওয়েবসাইটের জন্যও চমৎকার কারণ আপনি আপনার কন্ট্যাক্ট পেজে এটি দিতে পারেন এবং লোকজন দ্রুত ডাইরেকশন পেতে পারেন, বরং আপনার অ্যাড্রেস কপি করে, একটি নতুন উইন্ডো খুলে, এবং তারপর তাদের শুরুর অ্যাড্রেস টাইপ করতে হবে।
তাহলে আমরা এই মডিফাইড গেট ডাইরেকশন বক্সটি কীভাবে তৈরি করব? খুব প্রথমে, আমাদের গুগল ডাইরেকশনের জন্য যে URL সিনট্যাক্স ব্যবহার করে সেটি পেতে হবে। خوشকismuতভাবে, আমরা দুটি জায়গার মধ্যে ডাইরেকশন পেয়ে এবং তারপর ব্রাউজারের অ্যাড্রেসবার থেকে URL কপি করে সেটি বের করতে পারি। আপনি পৃষ্ঠার খুব নিচে ডানের কোণে ছোট গিয়ার আইকনে ক্লিক করে শেয়ার বা এম্বেড ম্যাপ বেছে নেওয়ায়ও পাবেন।
শেয়ার লিংক ট্যাবে URL থাকবে, যা আপনার ব্রাউজার অ্যাড্রেসবারের URL-এর মতো। আমি পুরো URL নিচে পেস্ট করেছি শুধু আপনাকে দেখানোর জন্য এটি কেমন দেখায়।
https://www.google.com/maps/dir/3600+Thorp+Springs+Dr,+Plano,+TX+75025,+USA/ 854+Deerfield+Rd,+Allen,+TX+75013,+USA/@33.1125686,-96.7557749,13z/ data=!3m1!4b1!4m13!4m12!1m5!1m1!1s0x864c3d45018517a5:0xbabd3c91a1321997!2m2!1d-96.762484!2d33.08947!1m5!1m1!1s0x864c16d3018a7f4f:0xab2052b5786cd29f!2m2!1d-96.666151!2d33.133892
ওহ! এটি খুব বড়! এতে অনেক কিছু রয়েছে, অধিকাংশ যেন কিছু বুঝায় না! গুগল ম্যাপস URL প্যারামিটারها আগে খুব সোজা এবং সহজ ছিল, কিন্তু নতুন URL কাঠামো বেশ জটিল। خوشকзмуতভাবে, আপনি এখনও পুরনো প্যারামিটারها ব্যবহার করতে পারেন এবং গুগল সেগুলো আটোমেটিকভাবে নতুন সংস্করণে কনভার্ট করবে। এটি বুঝতে নিচের লিংকটি দেখুন।
https://maps.google.com/maps?saddr=start&daddr=end
এগিয়ে যান এবং চেষ্টা করুন। শুরুর এবং শেষ অ্যাড্রেসের জন্য উদ্ধৃতি চিহ্নে অ্যাড্রেস দিন এবং URL টি আপনার ব্রাউজারে পেস্ট করুন! আমি শুরুর জায়গায় আমার হোম সিটি নিউ অর্লিয়ান্স এবং শেষে হিউস্টন, TX রিপ্লেস করেছি, তাই আমার গুগল ম্যাপস ডাইরেকশন URL এরূপ দেখায়:
https://maps.google.com/maps?saddr=”new orleans, la”&daddr=”houston, tx”
এটি কাজ করে! আপনি দেখতে পাচ্ছেন, গুগল ম্যাপস লিংকগুলাকে অনেক জটিল কিছুতে কনভার্ট করে একবার ম্যাপ ফুলি লোড হলে। ঠিক আছে, এখন যেহেতু আমাদের একটি সাবলীল URL আছে যা আমরা গুগল ম্যাপসে পাস করতে পারি, আমাদের একটি সিম্পল ফর্ম তৈরি করতে হবে দুটি ফিল্ড সহ, একটি শুরুর অ্যাড্রেসের জন্য এবং একটি ডেস্টিনেশন অ্যাড্রেসের জন্য।
আপনি যদি চান যে লোকজন শুধু তাদের অ্যাড্রেস টাইপ করে আপনার জায়গায় ডাইরেকশন পাবে, তবে আমরা দ্বিতীয় ফিল্ডটি হিডেন রাখব এবং এটি ইতিমধ্যে ডেস্টিনেশন অ্যাড্রেসে সেট করে দিব।
<form action=”https://maps.google.com/maps” method=”get” target=”_blank”>
আপনার শুরুর অ্যাড্রেস লিখুন:
<input type=”text” name=”saddr” />
<input type=”hidden” name=”daddr” value=”854 Deerfield Rd, Allen, TX” />
<input type=”submit” value=”ডাইরেকশন পান” />
</form>
উপরোক্ত কোডটি দেখুন। প্রথম লাইন ফর্ম দিয়ে শুরু হয় এবং বলে যে সাবমিট বাটনে ক্লিক করলে ডেটা maps.google.com/maps-এ পাঠানো হবে। target=blank মানে আমরা চাই রেজাল্ট একটি নতুন উইন্ডোতে খুলবে। তারপর শুরুর অ্যাড্রেসের জন্য একটি টেক্সট বক্স, যা খালি।
দ্বিতীয় টেক্সট বক্সটি হিডেন এবং মানটি হল আমাদের পছন্দের ডেস্টিনেশন অ্যাড্রেস। অবশেষে, একটি সাবমিট বাটন আছে "গেট ডাইরেকশন" টাইটেলের সাথে। এখন কেউ তাদের অ্যাড্রেস টাইপ করলে, তারা এটি পাবে:
আপনি ডাইরেকশন এবং ম্যাপ আরও কাস্টমাইজ করতে পারেন কিছু অতিরিক্ত প্যারামিটার দিয়ে। উদাহরণস্বরূপ, ধরুন আপনি ডিফল্ট ভিউ ম্যাপ নয় চান, বরং স্যাটেলাইট এবং ট্রাফিক দেখাতে চান।
https://maps.google.com/maps?saddr=%22new+orleans,+la%22&daddr=%22houston,+tx%22&ie=UTF8&t=h&z=7&layer=t
লক্ষ্য করুন URL-এ layer=t এবং t=h ফিল্ডগুলো। layer=t হল ট্রাফিক লেয়ারের জন্য এবং t=h মানে হাইব্রিড ম্যাপ! t হতে পারে m নরমাল ম্যাপের জন্য, k স্যাটেলাইটের জন্য এবং p টেরেনের জন্য। z হল জুম লেভেল এবং আপনি এটিকে ১ থেকে ২০ পর্যন্ত পরিবর্তন করতে পারেন। উপরের URL-এ, এটি ৭ সেট করা আছে। শুধু আপনার ফাইনাল URL-এ সেগুলো যোগ করুন এবং এখন আপনার সাইটে একটি হাইली কাস্টমাইজড গুগল ম্যাপস গেট ডাইরেকশন ফর্ম আছে!
এই নিয়ে কোনো সমস্যা হলে, কমেন্ট করুন, আমি সাহায্য করার চেষ্টা করব! উপভোগ করুন!
