নতুন রুটস লাইব্রেরি, ম্যাপস জাভাস্ক্রিপ্ট এপিআই-তে Route ক্লাস অন্তর্ভুক্ত রয়েছে, যা লিগ্যাসি ডাইরেক্টেশন সার্ভিসকে প্রতিস্থাপন করে। এই পৃষ্ঠাটি লিগ্যাসি ডাইরেক্টেশন সার্ভিস এবং নতুন Route ক্লাসের মধ্যে পার্থক্য ব্যাখ্যা করে এবং তুলনার জন্য কিছু কোড প্রদান করে।
দিকনির্দেশ পরিষেবা (লিগ্যাসি) বনাম রুট ক্লাস
অনুরোধের প্যারামিটার
নিম্নলিখিত টেবিলটি লিগ্যাসি দিকনির্দেশনা পরিষেবা এবং Route ক্লাসের জন্য অনুরোধের পরামিতিগুলির তুলনা করে।
পদ্ধতির তুলনা
নিম্নলিখিত সারণীতে লিগ্যাসি ডাইরেক্টেশন পরিষেবা এবং Route ক্লাসের মূল পদ্ধতিগুলির তুলনা করা হয়েছে।
| দিকনির্দেশনা পরিষেবা (উত্তরাধিকার) | Route |
|---|---|
route() পদ্ধতি | computeRoutes() পদ্ধতি |
DirectionsRenderer.setDirections() পদ্ধতি | createPolylines() পদ্ধতি , createWaypointAdvancedMarkers() পদ্ধতি |
কোড তুলনা
এই বিভাগটি লিগ্যাসি ডাইরেকশন সার্ভিস এবং নতুন Route ক্লাসের মধ্যে পার্থক্য চিত্রিত করার জন্য দুটি অনুরূপ কোডের তুলনা করে। কোড স্নিপেটগুলি প্রতিটি সংশ্লিষ্ট API-তে একটি দিকনির্দেশনা অনুরোধ করার জন্য প্রয়োজনীয় কোড দেখায় এবং তারপর ফলাফলটি ব্যবহার করে মানচিত্রে একটি পলিলাইন এবং মার্কার আঁকতে পারে।
লিগ্যাসি ডাইরেকশন সার্ভিসে, DirectionsRenderer অবজেক্টটি পলিলাইন এবং মার্কার প্রদর্শনের জন্য ব্যবহার করা হয় যাতে ম্যাপে ডাইরেকশনের ফলাফল উপস্থাপন করা যায়। রুটস লাইব্রেরিতে, DirectionsRenderer অবজেক্টটি createPolylines() এবং createWaypointAdvancedMarkers() পদ্ধতি দ্বারা প্রতিস্থাপিত হয়েছে। এই পৃষ্ঠাটি লিগ্যাসি ডাইরেকশন সার্ভিস এবং নতুন 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 = { 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, fallbackInfo, geocodingResults} = await Route.computeRoutes(request); // Use createPolylines to create polylines for the route. 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.setMap(map));
জাভাস্ক্রিপ্ট
// 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, fallbackInfo, geocodingResults } = await Route.computeRoutes(request); // Use createPolylines to create polylines for the route. 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.setMap(map));