Google Maps API এর Directions Service ব্যবহার করে আপনি একটি নির্দিষ্ট স্থান থেকে অন্য স্থানে পৌঁছানোর সেরা রুট তৈরি করতে পারেন। এটি ট্রান্সপোর্টেশন মোড যেমন গাড়ি, হাঁটা, বাইক বা পাবলিক ট্রান্সপোর্টের জন্য রুট নির্ধারণ করতে সাহায্য করে। Directions Service এর মাধ্যমে রুটের পদক্ষেপ (steps) এবং ট্রাফিক অবস্থাও দেখতে পারেন, যা ব্যবহারকারীদের সঠিক এবং কার্যকরী নির্দেশনা প্রদান করে।
Directions Service ব্যবহারের জন্য প্রয়োজনীয় উপকরণ
- Google Maps API Key: আপনার গুগল ম্যাপস API ব্যবহার করার জন্য একটি বৈধ API Key থাকতে হবে।
- HTML ফাইল: মানচিত্র এবং রুট প্রদর্শন করার জন্য একটি HTML ফাইল তৈরি করতে হবে।
- JavaScript: Directions Service এবং DirectionsRenderer ব্যবহারের জন্য JavaScript কোড লেখা প্রয়োজন।
Directions Service এর মাধ্যমে Route তৈরি করা
১. Google Maps API Key প্রাপ্তি
গুগল ম্যাপস API ব্যবহার করার জন্য আপনাকে গুগল ক্লাউড কনসোল (Google Cloud Console) থেকে API Key সংগ্রহ করতে হবে।
২. HTML ফাইল তৈরি করা
এখন একটি HTML ফাইল তৈরি করুন যেখানে গুগল ম্যাপস এবং Directions Service ব্যবহার করা হবে।
<!DOCTYPE html>
<html>
<head>
<title>Route Planning with Directions Service</title>
<style>
/* মানচিত্রের সাইজ নির্ধারণ করা */
#map {
height: 500px;
width: 100%;
}
</style>
</head>
<body>
<h3>Google Maps Directions Service</h3>
<div id="map"></div>
<script>
function initMap() {
// মানচিত্রের অবস্থান নির্ধারণ
var map = new google.maps.Map(document.getElementById("map"), {
zoom: 7,
center: { lat: 23.8103, lng: 90.4125 } // ঢাকা শহরের অবস্থান
});
// DirectionsService এবং DirectionsRenderer তৈরি করা
var directionsService = new google.maps.DirectionsService();
var directionsRenderer = new google.maps.DirectionsRenderer();
directionsRenderer.setMap(map);
// রুটের জন্য উৎস (origin) এবং গন্তব্য (destination) নির্ধারণ করা
var request = {
origin: { lat: 23.8103, lng: 90.4125 }, // ঢাকা
destination: { lat: 22.3569, lng: 91.7832 }, // চট্টগ্রাম
travelMode: google.maps.TravelMode.DRIVING, // ট্রান্সপোর্টেশন মোড (গাড়ি)
};
// DirectionsService এর মাধ্যমে রুট নির্ধারণ করা
directionsService.route(request, function (result, status) {
if (status === google.maps.DirectionsStatus.OK) {
directionsRenderer.setDirections(result); // রুটটি মানচিত্রে প্রদর্শন করা
} else {
alert("Directions request failed due to " + status);
}
});
}
</script>
<!-- Google Maps API লোড করা (আপনার API Key দিয়ে এটি প্রতিস্থাপন করুন) -->
<script src="https://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY&callback=initMap" async defer></script>
</body>
</html>
কোডের ব্যাখ্যা
- Google Maps API লোড করা:
<script>ট্যাগের মাধ্যমে গুগল ম্যাপস API লোড করা হয়েছে। এখানেYOUR_API_KEYএর জায়গায় আপনার API Key প্রদান করতে হবে। - মানচিত্র তৈরি করা:
new google.maps.Mapদিয়ে একটি মানচিত্র তৈরি করা হয়েছে, যার কেন্দ্র ঢাকা (lat: 23.8103, lng: 90.4125) এবং জুম স্তর ৭ রাখা হয়েছে। - DirectionsService এবং DirectionsRenderer:
- DirectionsService হলো গুগল ম্যাপসের API যা রুট তৈরি করে।
- DirectionsRenderer হলো একটি গুগল ম্যাপস অবজেক্ট যা রুটটি মানচিত্রে প্রদর্শন করে।
- Request Object:
originএবংdestinationসেট করা হয়েছে, যেখানে রুটের শুরু (ঢাকা) এবং শেষ (চট্টগ্রাম) স্থান নির্ধারণ করা হয়েছে। এছাড়া,travelModeএর মাধ্যমে ট্রান্সপোর্টেশন মোড নির্ধারণ করা হয়েছে (এখানে গাড়ি বা ড্রাইভিং)। - route() Method:
directionsService.routeমেথডের মাধ্যমে রুটের জন্য একটি রিকোয়েস্ট পাঠানো হয় এবং রিকোয়েস্ট সফল হলে রুটটি মানচিত্রে প্রদর্শন করা হয়।
Directions Service এর অন্যান্য ট্রান্সপোর্টেশন মোড
travelMode প্যারামিটারটি ব্যবহার করে আপনি বিভিন্ন ট্রান্সপোর্টেশন মোড সেট করতে পারেন, যেমন:
- DRIVING (গাড়ি): গাড়ির মাধ্যমে রুট নির্ধারণ।
- WALKING (হাঁটা): হাঁটার জন্য রুট নির্ধারণ।
- BICYCLING (বাইক): বাইক ব্যবহার করে রুট নির্ধারণ।
- TRANSIT (পাবলিক ট্রান্সপোর্ট): পাবলিক ট্রান্সপোর্টের জন্য রুট নির্ধারণ।
উদাহরণ:
travelMode: google.maps.TravelMode.WALKING // হাঁটার জন্য রুট
Directions Service এর মাধ্যমে একাধিক Stops (Waypoints) যুক্ত করা
আপনি একটি রুটে একাধিক স্টপও (waypoints) যোগ করতে পারেন। এজন্য আপনাকে waypoints অ্যারে ব্যবহার করতে হবে।
var request = {
origin: { lat: 23.8103, lng: 90.4125 }, // ঢাকা
destination: { lat: 22.3569, lng: 91.7832 }, // চট্টগ্রাম
waypoints: [
{
location: { lat: 23.0225, lng: 91.6586 }, // ফেনী
stopover: true,
},
],
travelMode: google.maps.TravelMode.DRIVING,
};
এখানে, waypoints এর মধ্যে ফেনী শহরকে একটি স্টপ হিসেবে যুক্ত করা হয়েছে।
সারাংশ
Google Maps API এর Directions Service ব্যবহার করে আপনি সহজেই দুটি স্থান (origin এবং destination) এর মধ্যে রুট তৈরি করতে পারেন এবং বিভিন্ন ট্রান্সপোর্টেশন মোডে (গাড়ি, হাঁটা, বাইক, পাবলিক ট্রান্সপোর্ট) রুট প্রদর্শন করতে পারেন। এটি ব্যবহারকারীদের জন্য ট্রিপ প্ল্যানিং এবং নেভিগেশন সিস্টেমে গুরুত্বপূর্ণ একটি ফিচার হিসেবে কাজ করে।
Read more
