Route ক্লাসে মাইগ্রেট করা

নতুন Routes Library, Maps JavaScript API-তে Route ক্লাস অন্তর্ভুক্ত আছে, যা পুরনো Directions Service-এর পরিবর্তে ব্যবহার করা হয়। এই পৃষ্ঠাটি পুরনো ডিরেকশন পরিষেবা এবং নতুন Route ক্লাসের মধ্যে পার্থক্য ব্যাখ্যা করে এবং তুলনা করার জন্য কিছু কোড প্রদান করে।

দিকনির্দেশ পরিষেবা (লিগ্যাসি) বনাম রুট ক্লাস

অনুরোধের প্যারামিটার

নিম্নলিখিত সারণীতে পুরনো Directions পরিষেবা এবং Route ক্লাসের জন্য অনুরোধের প্যারামিটারগুলির তুলনা করা হয়েছে।

পদ্ধতির তুলনা

নিম্নলিখিত সারণীতে লিগ্যাসি Directions পরিষেবা এবং Route ক্লাসের মূল পদ্ধতিগুলির তুলনা করা হয়েছে।

কোডের তুলনা

এই বিভাগে, পুরনো Directions পরিষেবা এবং নতুন Route ক্লাসের মধ্যে পার্থক্য বোঝাতে, একই ধরনের দুটি কোড তুলনা করা হয়েছে। কোড স্নিপেট প্রতিটি সংশ্লিষ্ট API-তে দিকনির্দেশের অনুরোধ করার জন্য প্রয়োজনীয় কোড দেখায় এবং তারপরে ম্যাপে একটি পলিলাইন এবং মার্কার আঁকার জন্য ফলাফল ব্যবহার করে।

পুরনো 'দিকনির্দেশ' পরিষেবায়, DirectionsRenderer অবজেক্টটি ম্যাপে দিকনির্দেশের ফলাফল দেখানোর জন্য পলিলাইন ও মার্কার দেখাতে ব্যবহার করা হয়। Routes লাইব্রেরিতে, DirectionsRenderer অবজেক্টটি createPolylines() এবং createWaypointAdvancedMarkers() পদ্ধতি দ্বারা প্রতিস্থাপিত হয়েছে। এই পৃষ্ঠাটি পুরনো Directions Service এবং নতুন Route ক্লাসের মধ্যে পার্থক্য ব্যাখ্যা করে এবং তুলনার জন্য কিছু কোড প্রদান করে।

গাড়ি চালনার দিকনির্দেশ পান

দিকনির্দেশ পরিষেবা (লিগ্যাসি)

নিম্নলিখিত কোডটি পুরনো 'দিকনির্দেশ' পরিষেবা ব্যবহার করে গাড়ি চালানোর দিকনির্দেশ পায় এবং তারপরে ম্যাপে পলিলাইন ও মার্কার আঁকার জন্য DirectionsRenderer ব্যবহার করে:

// Define a simple request.
var request = {
  origin: 'Mountain View, CA',
  destination: 'San Francisco, CA',
  travelMode: 'DRIVING'
};
// Call the Directions Service to get the directions.
directionsService.route(request, function(result, status) {
  if (status == 'OK') {
    directionsRenderer.setDirections(result); // Add polyline and markers to the map.
  }
});

রুট ক্লাস

নিম্নলিখিত কোডটি নতুন রুট ক্লাস ব্যবহার করে গাড়ি চালানোর দিকনির্দেশ পায়, তারপর ম্যাপে পলিলাইন আঁকার জন্য createPolylines পদ্ধতি এবং ম্যাপে মার্কার আঁকার জন্য createWaypointAdvancedMarkers পদ্ধতি ব্যবহার করে।

নতুন Route ক্লাস অটোমেটিক মার্কার রেন্ডার করে না। মার্কার রেন্ডার করতে আপনাকে অবশ্যই createWaypointAdvancedMarkers কল করতে হবে।

// Define a routes request.
const request: google.maps.routes.ComputeRoutesRequest = {
    origin: 'Mountain View, CA',
    destination: 'San Francisco, CA',
    travelMode: 'DRIVING',
    fields: ['path'], // Request fields needed to draw polylines.
};

// Call computeRoutes to get the directions.
const { routes } = await Route.computeRoutes(request);

// Use createPolylines to create polylines for the route.
if (!routes) {
    console.warn('No routes found.');
    return;
}
mapPolylines = routes[0].createPolylines();
// Add polylines to the map.
mapPolylines.forEach((polyline) => {
    polyline.setMap(map);
});

// Create markers to start and end points.
const markers = await routes[0].createWaypointAdvancedMarkers();
// Add markers to the map
markers.forEach((marker) => {
    marker.map = map;
});
index.ts

// Define a routes request.
const request = {
    origin: 'Mountain View, CA',
    destination: 'San Francisco, CA',
    travelMode: 'DRIVING',
    fields: ['path'], // Request fields needed to draw polylines.
};

// Call computeRoutes to get the directions.
const { routes } = await Route.computeRoutes(request);

// Use createPolylines to create polylines for the route.
if (!routes) {
    console.warn('No routes found.');
    return;
}
mapPolylines = routes[0].createPolylines();
// Add polylines to the map.
mapPolylines.forEach((polyline) => {
    polyline.setMap(map);
});

// Create markers to start and end points.
const markers = await routes[0].createWaypointAdvancedMarkers();
// Add markers to the map
markers.forEach((marker) => {
    marker.map = map;
});
index.js