যদিও সেখানে অনেক ম্যাপিং অ্যাপ এবং পরিষেবা রয়েছে যা আপনাকে পয়েন্ট A থেকে বি পয়েন্টে নিয়ে যেতে পারে, মানচিত্রের চূড়ান্ত রাজা হল Google মানচিত্র। আমি এটি আমার কম্পিউটারে, ট্যাবলেটে এবং আমার স্মার্টফোনে 90% সময় ব্যবহার করি। এটি সেরা ডেটা, সর্বাধিক নেভিগেশন এবং রাউটিং বিকল্প এবং রাস্তার দৃশ্য এবং হাঁটা, বাইক চালানো এবং গণপরিবহন তথ্যের মতো দুর্দান্ত বৈশিষ্ট্য পেয়েছে।
কিন্তু যদি আপনি Google এর ওয়েবসাইটের বাইরে একটি মানচিত্র বা দিকনির্দেশ ব্যবহার করতে চান? ধরুন আপনার নিজের বিয়ের ওয়েবসাইট বা একটি ব্যক্তিগত ব্লগ আছে এবং অতিথিরা আপনার সাইটে যেতে পারেন, তারা যে ঠিকানা থেকে আসবেন সেটি টাইপ করুন এবং স্বয়ংক্রিয়ভাবে ইভেন্টের অবস্থানের দিকনির্দেশ পান!
ওয়েল, আপনি এটি সম্পন্ন সম্পর্কে যেতে পারেন উপায় একটি দম্পতি আছে. সবচেয়ে সহজ উপায় হল Google Maps দ্বারা জেনারেট করা এম্বেড কোড ব্যবহার করে ম্যাপটিকে আপনার ওয়েবপেজে এম্বেড করা। দ্বিতীয় উপায়টি একটু বেশি প্রযুক্তিগত, তবে আরও কাস্টমাইজযোগ্য এবং গতিশীল। আমি নীচে উভয় পদ্ধতি উল্লেখ করব।
গুগল ম্যাপ এম্বেড করুন
আপনি যদি শুধুমাত্র একটি অবস্থান থেকে অন্য অবস্থানের দিকনির্দেশ প্রদর্শন করতে চান, তাহলে সবচেয়ে সহজ কাজটি হল এম্বেড কোড ব্যবহার করে আপনি যে মানচিত্রটি দেখছেন তা এম্বেড করা। প্রথমে, এগিয়ে যান এবং Google Maps-এ আপনি যে কোন দিকনির্দেশ চান তা সেটআপ করুন এবং তারপর পৃষ্ঠার নীচে ডানদিকে গিয়ার আইকনে ক্লিক করুন৷
শেয়ার বা এম্বেড মানচিত্র-এ ক্লিক করুন এবং তারপর এম্বেড মানচিত্র-এ ক্লিক করুন ট্যাব এখানে আপনি আপনার মানচিত্রের জন্য একটি আকার চয়ন করতে পারেন এবং তারপরে iframe কোডটি অনুলিপি করতে পারেন এবং আপনার পছন্দের যেকোন ওয়েবপৃষ্ঠায় ফেলে দিতে পারেন৷
এই পদ্ধতির একমাত্র নেতিবাচক দিক হল যে ব্যবহারকারী কেবল একটি স্ট্যাটিক মানচিত্র দেখেন। নীচের দ্বিতীয় পদ্ধতিতে, আপনি একটি ফর্ম তৈরি করতে পারেন যেখানে ব্যবহারকারী যেকোনো প্রারম্ভিক ঠিকানা টাইপ করতে পারে এবং এটি সেই ঠিকানা থেকে আপনার পছন্দের একটি গন্তব্য ঠিকানায় একটি মানচিত্র তৈরি করবে৷
Google Maps ফর্ম তৈরি করুন
দ্বিতীয় পদ্ধতি দ্বারা আমি কী বোঝাতে চাইছি তা ব্যাখ্যা করতে, আপনার অবস্থান থেকে আমার বাড়ির দিকনির্দেশ পেতে এগিয়ে যান এবং নীচের বাক্সে একটি মার্কিন ঠিকানা টাইপ করুন:
ঠান্ডা হাহ? আপনি সহজেই যেকোন ওয়েবসাইট, ব্লগ বা যেকোনো জায়গায় এই ছোট্ট ফর্মটি তৈরি করতে পারেন আপনি কিছু HTML কোড রাখতে পারেন! এটি ছোট ব্যবসার ওয়েব সাইটগুলির জন্যও দুর্দান্ত কারণ আপনি এটিকে আপনার যোগাযোগের পৃষ্ঠায় ফেলে দিতে পারেন এবং লোকেরা আপনার ঠিকানা অনুলিপি করার পরিবর্তে, একটি নতুন উইন্ডো খুলতে এবং তারপরে তাদের শুরুর ঠিকানা টাইপ করার পরিবর্তে দ্রুত দিকনির্দেশ পেতে পারে৷
তাহলে কীভাবে আমরা এই পরিবর্তিত প্রাপ্ত দিকনির্দেশ বাক্সটি তৈরি করতে পারি? ঠিক আছে, প্রথমত, নির্দেশের জন্য Google যে URL ব্যবহার করে তার জন্য আমাদের সঠিক সিনট্যাক্স পেতে হবে। ভাগ্যক্রমে, আমরা দুটি স্থানের মধ্যে দিকনির্দেশ পেয়ে এবং তারপরে ঠিকানা বার থেকে URLটি অনুলিপি করে এটি বের করতে পারি। এছাড়াও আপনি পৃষ্ঠার একেবারে নীচে ডানদিকে ছোট গিয়ার আইকনে ক্লিক করতে পারেন এবং শেয়ার বা এম্বেড মানচিত্র বেছে নিতে পারেন .
শেয়ার লিঙ্ক ট্যাবে URL থাকবে, যেটি আপনার ব্রাউজার অ্যাড্রেস বারে একই URL। আমি এগিয়ে গিয়েছি এবং নীচের সম্পূর্ণ URL টি পেস্ট করেছি শুধু আপনাকে দেখানোর জন্য এটি কেমন দেখাচ্ছে৷
৷ 
https://www.google.com/maps/dir/3600+Thorp+Springs+Dr,+Plano,+TX+75025,+USA/ 854+Deerfield+Rd, +অ্যালেন,+TX+75013,+USA/@33.1125686,-96.7557749,13z/ data=!3m1!4b1!4m13!4m12!1m5!1m1!1s0x864c3d45018517d27a5!45018517d321d391!3917!3917!391745018517d391d391! 1m1! 1s0x864c16d3018a7f4f:0xab2052b5786cd29f!2m2!1d-96.666151!2d33.133892
ইয়েস! এটি বেশ দীর্ঘ! সেখানে অনেক কিছু আছে, যার বেশিরভাগেরই কোনো মানে হয় না! গুগল ম্যাপের ইউআরএল প্যারামিটারগুলি খুব সোজা এবং সহজ ছিল, কিন্তু নতুন ইউআরএল গঠনটি বেশ জটিল। সৌভাগ্যক্রমে, আপনি এখনও পুরানো প্যারামিটারগুলি ব্যবহার করতে পারেন এবং Google স্বয়ংক্রিয়ভাবে সেগুলিকে নতুন সংস্করণে রূপান্তর করবে৷ আমি কি বলতে চাইছি তা দেখতে, নীচের লিঙ্কটি দেখুন৷
৷https://maps.google.com/maps?saddr=start&daddr=end
এগিয়ে যান এবং একটি শট দিন৷ প্রারম্ভিক এবং শেষ ঠিকানার জন্য উদ্ধৃতিতে একটি ঠিকানা লিখুন এবং আপনার ব্রাউজারে URL পেস্ট করুন! আমি আমার হোম সিটি নিউ অরলিন্স দিয়ে শুরু করে হিউস্টন, TX দিয়ে শেষ করেছি, তাই আমার Google মানচিত্রের দিকনির্দেশের URL এর মত দেখাচ্ছে:
https://maps.google.com/maps?saddr=”new orleans, la”&daddr=”houston, tx”
এটি কাজ করে! আপনি দেখতে পাচ্ছেন, যদিও, ম্যাপ সম্পূর্ণরূপে লোড হয়ে গেলে Google Maps লিঙ্কগুলিকে আরও জটিল কিছুতে রূপান্তর করে। ঠিক আছে, তাই এখন আমাদের কাছে একটি বুদ্ধিমান URL আছে যা আমরা Google মানচিত্রে পাস করতে পারি, আমাদের দুটি ক্ষেত্র সহ একটি সাধারণ ফর্ম তৈরি করতে হবে, একটি শুরুর ঠিকানার জন্য এবং একটি গন্তব্য ঠিকানার জন্য৷
আপনি যদি চান যে লোকেরা শুধু তাদের ঠিকানা টাইপ করুক এবং আপনার স্থানের দিকনির্দেশ পান, তাহলে আমরা চাই যে দ্বিতীয় ক্ষেত্রটি লুকানো হোক এবং ইতিমধ্যেই গন্তব্য ঠিকানায় সেট করা হোক৷
উপরের কোডটি দেখুন। প্রথম লাইনটি ফর্ম শুরু করে এবং বলে যে যখন সাবমিট বোতামটি ক্লিক করা হয়, তখন ডেটা 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
layer=t লক্ষ্য করুন এবং t=h URL এ ক্ষেত্র। layer=t হল ট্রাফিক স্তরের জন্য এবং t=h মানে হাইব্রিড মানচিত্র! t এছাড়াও m সেট করা যেতে পারে সাধারণ মানচিত্রের জন্য, k স্যাটেলাইট এবং p এর জন্য ভূখণ্ডের জন্য z এটি জুম স্তর এবং আপনি এটি 1 থেকে 20 পরিবর্তন করতে পারেন। উপরের URL-এ, এটি 7-এ সেট করা হয়েছে। শুধু আপনার চূড়ান্ত URL-এ সেগুলিকে ট্যাক করুন এবং আপনি এখন আপনার সাইটে একটি উচ্চ কাস্টমাইজড Google Maps Get Directions ফর্ম পেয়েছেন!
এটির সাথে কোন সমস্যা আছে, একটি মন্তব্য পোস্ট করুন এবং আমি সাহায্য করার চেষ্টা করব! উপভোগ করুন!
