Google Maps এর Street View ফিচারটি ব্যবহারকারীদের বাস্তব রাস্তাগুলির 360° ভিউ দেখানোর সুবিধা দেয়, যা তাদের একটি পূর্ণাঙ্গ দৃষ্টিকোণ (immersive experience) প্রদান করে। এই ফিচারটি বিশেষভাবে ব্যবহৃত হয় ভার্চুয়াল ট্যুর (virtual tours) তৈরি করতে, যেখানে ব্যবহারকারীরা বিভিন্ন স্থানের সাথে পরিচিত হতে পারেন। একটি ভার্চুয়াল ট্যুর তৈরি করার মাধ্যমে আপনি একটি স্থান বা এলাকা যেকোনো জায়গা থেকে অনলাইনে অন্বেষণ করতে পারেন।
এখানে গুগল ম্যাপের Street View ব্যবহার করে ভার্চুয়াল ট্যুর তৈরি করার পদক্ষেপগুলোর বিস্তারিত বর্ণনা দেওয়া হলো।
Street View ব্যবহার করে Virtual Tour তৈরি করার পদক্ষেপ
- Google Maps API Setup: প্রথমে, আপনার Google Maps API Key তৈরি করতে হবে, যেটি গুগল ক্লাউড কনসোল (Google Cloud Console) থেকে নেওয়া যাবে। API Key ব্যবহার করে আপনি Google Maps JavaScript API এবং Street View API অ্যাক্সেস করতে পারবেন।
HTML এবং JavaScript কোড তৈরি করা:
নিচে একটি সিম্পল উদাহরণ দেওয়া হলো যেখানে Google Maps এবং Street View ব্যবহার করে একটি ভার্চুয়াল ট্যুর তৈরি করা হয়েছে:
<!DOCTYPE html> <html> <head> <title>Street View Virtual Tour</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 Street View Virtual Tour</h3> <div id="map"></div> <script> // মানচিত্র এবং Street View ইনিশিয়ালাইজ করার জন্য ফাংশন function initMap() { var map = new google.maps.Map(document.getElementById('map'), { zoom: 14, center: {lat: 23.8103, lng: 90.4125}, // ঢাকার কেন্দ্র }); var panorama = new google.maps.StreetViewPanorama( document.getElementById('map'), { position: {lat: 23.8103, lng: 90.4125}, // ঢাকার অবস্থান pov: {heading: 165, pitch: 0}, // ভিউ-এর দিক এবং কোণ zoom: 1, // জুম লেভেল }); // মানচিত্রে Street View যোগ করা map.setStreetView(panorama); } </script> </body> </html>
কোডের ব্যাখ্যা
- Google Maps API Integration:
<script>ট্যাগের মাধ্যমে Google Maps API ইন্টিগ্রেট করা হয়েছে, এবং এখানেYOUR_API_KEYএর জায়গায় আপনার তৈরি করা API Key বসাতে হবে।
- StreetViewPanorama:
google.maps.StreetViewPanorama()ফাংশনটি ব্যবহার করা হয়েছে স্ট্রিট ভিউ (Street View) তৈরি করার জন্য। এর মধ্যেpositionব্যবহার করে আপনি যে স্থানের স্ট্রিট ভিউ দেখাতে চান, সেটি নির্ধারণ করা হয়েছে। এই উদাহরণে ঢাকার একটি স্থানে স্ট্রিট ভিউ দেখানো হয়েছে।
- পিওভ (POV):
pov(point of view) এheadingএবংpitchব্যবহার করা হয়েছে যা স্ট্রিট ভিউয়ের দিক এবং কোণ নিয়ন্ত্রণ করে।headingস্ট্রিট ভিউয়ের ক্যামেরার দিক নির্দেশ করে এবংpitchক্যামেরার কোণকে নির্দেশ করে।
- Map and Panorama Linking:
map.setStreetView(panorama);এই লাইনটি মানচিত্রে স্ট্রিট ভিউ যোগ করার জন্য ব্যবহৃত হয়েছে। এর মাধ্যমে ব্যবহারকারী মানচিত্রে স্ট্রিট ভিউ দেখতে পারবেন।
ভার্চুয়াল ট্যুরের কাস্টমাইজেশন
- কাস্টম পজিশন: আপনি যে স্থান বা এলাকার স্ট্রিট ভিউ দেখতে চান, তার পজিশন
positionএর মাধ্যমে সেট করতে পারবেন। এটি যেকোনো শহরের, রাস্তার বা বিশেষ স্থান হতে পারে। - পিওভ কাস্টমাইজেশন:
heading,pitchএবংzoomএর মান পরিবর্তন করে আপনি স্ট্রিট ভিউয়ের দৃষ্টিকোণ এবং স্কেলে কাস্টমাইজেশন করতে পারেন। উদাহরণস্বরূপ, আপনি মাউন্টেন ভিউ, সিটি স্কেপ ইত্যাদি তৈরি করতে পারেন। - পথের নির্দেশনা: আপনি Street View এর সঙ্গে একাধিক স্থান বা পর্যটন স্পট যুক্ত করে একটি পথ তৈরি করতে পারেন, যেখানে ব্যবহারকারীরা বিভিন্ন স্থান ঘুরে দেখতে পারেন।
সারাংশ
Google Maps API এর Street View ফিচার ব্যবহার করে ভার্চুয়াল ট্যুর তৈরি করা খুবই সহজ। এটি একটি অত্যন্ত কার্যকরী টুল যা ব্যবহারকারীদের একটি স্থানের পূর্ণাঙ্গ 360° ভিউ প্রদান করে, যার মাধ্যমে তারা এক স্থান থেকে অন্য স্থানে ভার্চুয়ালি ভ্রমণ করতে পারে। এই টেকনোলজি পর্যটন, শিক্ষা, রিয়েল এস্টেট এবং বিভিন্ন ব্যবসায়িক প্রয়োজনে ব্যাপকভাবে ব্যবহৃত হচ্ছে।
Read more
