Driving, Walking, Bicycling এবং Transit Routes গাইড ও নোট

Web Development - গুগল ম্যাপ (Google Maps) - Google Maps এর Directions এবং Routing
299

Google Maps API ব্যবহার করে আপনি বিভিন্ন ধরণের রুট (route) পরিকল্পনা করতে পারেন, যেমন driving (গাড়ি চালানো), walking (পায়ে হেঁটে চলা), bicycling (সাইকেল চালানো) এবং transit (পাবলিক ট্রান্সপোর্ট)। এই ফিচারগুলির মাধ্যমে আপনি ব্যবহারকারীদের গন্তব্যে পৌঁছানোর জন্য সেরা রুট এবং পরিবহন মাধ্যম নির্ধারণ করতে সহায়তা করতে পারেন। নিচে প্রতিটি রুটের জন্য বিস্তারিতভাবে গুগল ম্যাপস API এর ব্যবহার দেখানো হবে।


Google Maps API ব্যবহার করে বিভিন্ন রুট নির্ধারণ

  1. HTML এবং JavaScript কোড তৈরি করা:

    <!DOCTYPE html>
    <html>
    <head>
        <title>Route Example</title>
        <script src="https://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY&callback=initMap" async defer></script>
        <style>
            /* মানচিত্রের সাইজ */
            #map {
                height: 500px;
                width: 100%;
            }
        </style>
    </head>
    <body>
        <h3>Google Map with Different Routes</h3>
        <div id="map"></div>
    
        <script>
            // মানচিত্রটি ইনিশিয়ালাইজ করার জন্য একটি ফাংশন তৈরি করুন
            function initMap() {
                var map = new google.maps.Map(document.getElementById('map'), {
                    zoom: 12,
                    center: {lat: 23.8103, lng: 90.4125}, // ঢাকা, বাংলাদেশ
                });
    
                var directionsService = new google.maps.DirectionsService();
                var directionsRenderer = new google.maps.DirectionsRenderer();
                directionsRenderer.setMap(map);
    
                var start = 'Dhaka, Bangladesh'; // শুরু স্থানের ঠিকানা
                var end = 'Cox’s Bazar, Bangladesh'; // গন্তব্যস্থলের ঠিকানা
    
                // Route request options
                var request = {
                    origin: start,
                    destination: end,
                    travelMode: google.maps.TravelMode.DRIVING, // গাড়ি চালানোর জন্য
                };
    
                // ড্রাইভিং রুট প্রদর্শন করা
                directionsService.route(request, function(result, status) {
                    if (status == 'OK') {
                        directionsRenderer.setDirections(result);
                    }
                });
    
                // Walking, Bicycling এবং Transit রুটের জন্য আলাদা অপশন
                var requestWalking = {
                    origin: start,
                    destination: end,
                    travelMode: google.maps.TravelMode.WALKING, // পায়ে হেঁটে চলা
                };
    
                var requestBicycling = {
                    origin: start,
                    destination: end,
                    travelMode: google.maps.TravelMode.BICYCLING, // সাইকেল চালানো
                };
    
                var requestTransit = {
                    origin: start,
                    destination: end,
                    travelMode: google.maps.TravelMode.TRANSIT, // পাবলিক ট্রান্সপোর্ট
                };
    
                // Walking route প্রদর্শন
                directionsService.route(requestWalking, function(result, status) {
                    if (status == 'OK') {
                        directionsRenderer.setDirections(result);
                    }
                });
    
                // Bicycling route প্রদর্শন
                directionsService.route(requestBicycling, function(result, status) {
                    if (status == 'OK') {
                        directionsRenderer.setDirections(result);
                    }
                });
    
                // Transit route প্রদর্শন
                directionsService.route(requestTransit, function(result, status) {
                    if (status == 'OK') {
                        directionsRenderer.setDirections(result);
                    }
                });
            }
        </script>
    </body>
    </html>
    

কোডের ব্যাখ্যা

  1. মানচিত্র তৈরি করা:
    • Google Maps এর জন্য একটি মানচিত্র তৈরি করা হয়েছে, যার সেন্টার ঢাকা (Dhaka) রাখা হয়েছে।
  2. Directions Service:
    • google.maps.DirectionsService() ব্যবহার করে রুট প্ল্যানিং সার্ভিস শুরু করা হয়েছে, যা রুটের পথ নির্ধারণ করবে।
  3. Travel Modes:
    • DRIVING (গাড়ি চালানো): TravelMode.DRIVING ব্যবহার করা হয়েছে গাড়ি চালানোর জন্য রুট নির্ধারণ করার জন্য।
    • WALKING (পায়ে হেঁটে চলা): TravelMode.WALKING ব্যবহার করা হয়েছে পায়ে হেঁটে চলার রুট নির্ধারণের জন্য।
    • BICYCLING (সাইকেল চালানো): TravelMode.BICYCLING ব্যবহার করা হয়েছে সাইকেল চালানোর জন্য রুট নির্ধারণের জন্য।
    • TRANSIT (পাবলিক ট্রান্সপোর্ট): TravelMode.TRANSIT ব্যবহার করা হয়েছে পাবলিক ট্রান্সপোর্টের রুট নির্ধারণের জন্য।
  4. Directions Renderer:
    • google.maps.DirectionsRenderer() ব্যবহার করে গুগল ম্যাপসে রুট প্রদর্শন করা হয়েছে। এটি একটি মানচিত্রে রুট প্রদর্শন করার জন্য ব্যবহৃত হয়।
  5. Route Request:
    • প্রতিটি রুটের জন্য আলাদা request তৈরি করা হয়েছে, যার মধ্যে origin (শুরু স্থান) এবং destination (গন্তব্য) দেওয়া হয়েছে। তারপর directionsService.route() ফাংশন ব্যবহার করে রুট নির্ধারণ করা হয়েছে।

সারাংশ

Google Maps API এর মাধ্যমে আপনি বিভিন্ন ধরনের রুট নির্ধারণ করতে পারেন, যেমন গাড়ি চালানো (Driving), পায়ে হাঁটা (Walking), সাইকেল চালানো (Bicycling) এবং পাবলিক ট্রান্সপোর্ট (Transit)। এর মাধ্যমে ব্যবহারকারীরা তাদের নির্দিষ্ট গন্তব্যে পৌঁছানোর জন্য সবচেয়ে উপযুক্ত রুট খুঁজে পেতে পারে, যা তাদের যাতায়াতকে আরও সহজ এবং দ্রুত করে তোলে।

Content added By
Promotion

Are you sure to start over?

Loading...