Google Maps API ব্যবহার করে আপনি Polyline এবং Polygon এর মাধ্যমে মানচিত্রে বিভিন্ন আকৃতি (shapes) তৈরি করতে পারেন। এগুলি সাধারণত মানচিত্রে রাস্তা, সীমান্ত, বা কোন নির্দিষ্ট অঞ্চলের চিহ্নিতকরণে ব্যবহৃত হয়।
- Polyline (পলিলাইন): এটি একটি সরলরেখার (line) আকারের বস্তু, যা একাধিক পয়েন্টের মাধ্যমে সংযুক্ত হয়।
- Polygon (পলিগন): এটি একাধিক পয়েন্ট দ্বারা গঠিত একটি বন্ধ আকারের আকৃতি (closed shape), যেমন ত্রিভুজ, চতুর্ভুজ ইত্যাদি।
Polyline এবং Polygon ব্যবহার করে আকৃতি তৈরি করার উদাহরণ
এখানে একটি উদাহরণ দেয়া হলো যেখানে একটি Polyline এবং Polygon তৈরি করা হবে। এটি আপনাকে দেখাবে কীভাবে গুগল ম্যাপে পলিলাইন এবং পলিগন ব্যবহার করে আকৃতি আঁকা যায়।
কোড উদাহরণ:
<!DOCTYPE html>
<html>
<head>
<title>Polyline and Polygon 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 Maps with Polyline and Polygon</h3>
<div id="map"></div>
<script>
// মানচিত্র ইনিশিয়ালাইজ করার ফাংশন
function initMap() {
var map = new google.maps.Map(document.getElementById('map'), {
center: {lat: 23.8103, lng: 90.4125}, // ঢাকা, বাংলাদেশ
zoom: 12
});
// Polyline তৈরি
var polyline = new google.maps.Polyline({
path: [
{lat: 23.8103, lng: 90.4125}, // ঢাকার অবস্থান
{lat: 23.8150, lng: 90.4200},
{lat: 23.8200, lng: 90.4300}
],
geodesic: true,
strokeColor: '#FF0000', // লাল রঙ
strokeOpacity: 1.0,
strokeWeight: 2
});
polyline.setMap(map); // মানচিত্রে পলিলাইন দেখানো
// Polygon তৈরি
var polygon = new google.maps.Polygon({
paths: [
{lat: 23.8103, lng: 90.4125},
{lat: 23.8150, lng: 90.4200},
{lat: 23.8200, lng: 90.4300},
{lat: 23.8050, lng: 90.4350}
],
strokeColor: '#0000FF', // নীল রঙ
strokeOpacity: 0.8,
strokeWeight: 2,
fillColor: '#00FF00', // সবুজ রঙ
fillOpacity: 0.35
});
polygon.setMap(map); // মানচিত্রে পলিগন দেখানো
}
</script>
</body>
</html>
কোডের ব্যাখ্যা
- Google Maps API লোড করা:
<script>ট্যাগের মাধ্যমে Google Maps API যোগ করা হয়েছে। এখানেYOUR_API_KEYএর জায়গায় আপনার Google API Key বসাতে হবে। - Map Initialization:
initMap()ফাংশনের মাধ্যমে একটি মানচিত্র তৈরি করা হয়েছে এবং সেটির সেন্টার ঢাকার (Dhaka) অবস্থানে স্থাপন করা হয়েছে। - Polyline তৈরি করা:
google.maps.Polylineব্যবহার করে একটি পলিলাইন তৈরি করা হয়েছে। এই পলিলাইনটি তিনটি পয়েন্টের মধ্যে সংযুক্ত:- ঢাকা (Dhaka): {lat: 23.8103, lng: 90.4125}
- আরেকটি পয়েন্ট: {lat: 23.8150, lng: 90.4200}
- আরেকটি পয়েন্ট: {lat: 23.8200, lng: 90.4300}
geodesic: trueদিয়ে এটি সোজা লাইন হিসেবে দেখানো হবে, অর্থাৎ পৃথিবীর বক্রতার সাথে সামঞ্জস্য রেখে।
- Polygon তৈরি করা:
google.maps.Polygonব্যবহার করে একটি পলিগন তৈরি করা হয়েছে, যা চারটি পয়েন্ট দ্বারা গঠিত।fillColor: '#00FF00'দিয়ে পলিগনের ভিতরের অংশের রঙ (সবুজ) নির্ধারণ করা হয়েছে এবংstrokeColor: '#0000FF'দিয়ে পলিগনের সীমারেখার রঙ (নীল) নির্ধারণ করা হয়েছে।
- setMap() ফাংশন:
polyline.setMap(map)এবংpolygon.setMap(map)ফাংশন দুটি ব্যবহৃত হয়েছে, যার মাধ্যমে পলিলাইন এবং পলিগন মানচিত্রে প্রদর্শিত হবে।
Polyline এবং Polygon এর ব্যবহার
- Polyline ব্যবহৃত হয় দীর্ঘ রাস্তা বা কোন নির্দিষ্ট পথ চিহ্নিত করতে, যেমন সড়ক বা ট্রেইল।
- Polygon ব্যবহার করা হয় একটি অঞ্চলের সীমারেখা বা একটি বিশেষ অঞ্চল চিহ্নিত করতে। যেমন, একটি পার্ক বা কোনো দেশের সীমানা।
সারাংশ
এটি ছিল Google Maps API ব্যবহার করে Polyline এবং Polygon এর মাধ্যমে মানচিত্রে আকৃতি তৈরি করার উদাহরণ। এই টুল দুটি ব্যবহার করে আপনি সহজেই মানচিত্রে রাস্তা, সীমান্ত বা বিশেষ অঞ্চলের চিহ্নিতকরণ করতে পারবেন। Polyline সরলরেখা আঁকার জন্য এবং Polygon বন্ধ আকারের আকৃতি আঁকার জন্য ব্যবহার করা হয়।
Content added By
Read more
