Node.js-এ স্ট্যাটিক ম্যাপ তৈরির জন্য ওপেন সোর্স লাইব্রেরি

স্ট্যাটিকম্যাপস দিয়ে শুরু করা

স্ট্যাটিকম্যাপস ইনস্টল করার প্রস্তাবিত উপায় হল NPM ব্যবহার করা। একটি মসৃণ ইনস্টলেশনের জন্য নিম্নলিখিত কমান্ড ব্যবহার করুন.

npm i staticmaps 

Node.js-এ কাস্টমাইজযোগ্য মানচিত্র জেনারেশন

ওপেন সোর্স স্ট্যাটিকম্যাপস লাইব্রেরির প্রাথমিক বৈশিষ্ট্যগুলির মধ্যে একটি হল Node.js অ্যাপ্লিকেশনগুলির মধ্যে অত্যন্ত কাস্টমাইজযোগ্য মানচিত্র তৈরি করার ক্ষমতা। সফ্টওয়্যার বিকাশকারীরা চিত্রের মাত্রা, কেন্দ্র স্থানাঙ্ক, জুম স্তর, টাইল স্তর এবং আরও অনেক কিছু নির্দিষ্ট করতে পারে। এই পরামিতিগুলি ডেভেলপারদের মানচিত্রের চেহারার উপর সূক্ষ্ম নিয়ন্ত্রণ দেয়৷ নিম্নলিখিত কোড উদাহরণে, মানচিত্রটি 12 এর জুম স্তর এবং 800x600 পিক্সেলের একটি চিত্রের আকার সহ বার্লিন, জার্মানির চারপাশে কেন্দ্রীভূত। আপনি সহজেই আপনার অ্যাপ্লিকেশনের প্রয়োজনের উপর ভিত্তি করে এই পরামিতিগুলি সামঞ্জস্য করতে পারেন৷

const StaticMaps = require('staticmaps');

// Create a new instance of StaticMaps with a specified width and height
const map = new StaticMaps({ width: 800, height: 600 });

// Set the map center and zoom level
map.center = [13.404954, 52.520008]; // Coordinates for Berlin
map.zoom = 12;

// Render and save the map as a PNG file
map.render()
  .then(() => map.image.save('basic_map.png'))
  .catch(err => console.error('Error generating map:', err));

Node.js-এ অবস্থান নির্দেশ করার জন্য চিহ্নিতকারী

স্ট্যাটিকম্যাপ একটি মানচিত্রে মার্কার যোগ করার ক্ষমতা প্রদান করে। মার্কারগুলি নির্দিষ্ট অবস্থানগুলিকে হাইলাইট করার জন্য দরকারী, যেমন আগ্রহের পয়েন্ট, ব্যবহারকারীর অবস্থান বা অন্যান্য গুরুত্বপূর্ণ স্থান। ওপেন সোর্স স্ট্যাটিকম্যাপস লাইব্রেরি সফ্টওয়্যার বিকাশকারীদের জন্য তাদের Node.js অ্যাপ্লিকেশনের মধ্যে একটি নির্দিষ্ট অবস্থান নির্দেশ করার জন্য মার্কার যুক্ত করা সহজ করে তোলে। নিচের উদাহরণটি দেখায় কিভাবে মানচিত্রের একটি অবস্থানে কাস্টম মার্কার (একটি বাহ্যিক চিত্র ব্যবহার করে) যোগ করতে হয়। আপনি মার্কারটির আকার এবং অবস্থান নির্দিষ্ট করতে পারেন, সেইসাথে বিভিন্ন অবস্থানের জন্য বিভিন্ন আইকন ব্যবহার করতে পারেন৷

// Create a marker object
const marker = {
  coord: [13.405, 52.52], // Berlin coordinates
  img: 'https://path-to-marker-icon.com/marker.png', // Custom marker image
  height: 32,
  width: 32
};

// Add the marker to the map
map.addMarker(marker);

// Render and save the map
map.render()
  .then(() => map.image.save('map_with_marker.png'))
  .catch(err => console.log(err));

একাধিক আউটপুট ফর্ম্যাট সমর্থন

স্ট্যাটিকম্যাপস লাইব্রেরি প্রাথমিকভাবে আউটপুট ফরম্যাট হিসাবে PNG-কে সমর্থন করে, কিন্তু অন্তর্নিহিত ইমেজ জেনারেশন লাইব্রেরি (শার্প) আপনাকে ছবিগুলিকে JPEG, GIF, এমনকি PDF এর মতো অন্যান্য জনপ্রিয় ফাইল ফরম্যাটে রূপান্তর করতে দেয়। বিভিন্ন ধরনের নথি বা মিডিয়াতে মানচিত্র সংহত করার সময় এটি কার্যকর হতে পারে। বিন্যাসের মধ্যে স্যুইচ করা সহজ, কারণ মানচিত্র সংরক্ষণ করার সময় আপনাকে শুধুমাত্র ফাইল এক্সটেনশন পরিবর্তন করতে হবে। এখানে একটি উদাহরণ রয়েছে যা দেখায় কিভাবে এটি Node.js অ্যাপ্লিকেশনের মধ্যে অর্জন করা যায়।

map.render()
  .then(() => map.image.save('output_map.jpg'))  // Saving as a JPEG
  .catch(err => console.log('Error saving as JPEG:', err));

রুট বা সীমানা আঁকার জন্য পলিলাইন

মানচিত্রে পথ বা সীমানা দেখার জন্য পলিলাইন অপরিহার্য। আপনি পলিলাইন আঁকতে স্ট্যাটিকম্যাপ ব্যবহার করতে পারেন, এটি এমন অ্যাপ্লিকেশনগুলির জন্য একটি দুর্দান্ত পছন্দ যা রুট প্রদর্শন করে, যেমন ডেলিভারি পরিষেবা বা ফিটনেস ট্র্যাকিং অ্যাপ৷ নিম্নলিখিত উদাহরণ দেখায়, একটি রুট প্রতিনিধিত্ব করার জন্য বিভিন্ন স্থানাঙ্কের মধ্যে একটি লাল পলিলাইন আঁকা হয়। আপনি সহজেই আপনার অ্যাপ্লিকেশনের শৈলী অনুসারে পলিলাইনের রঙ এবং প্রস্থ সামঞ্জস্য করতে পারেন৷

// Define a polyline with multiple coordinates
const polyline = {
  coords: [
    [13.405, 52.52], // Starting point in Berlin
    [13.4, 52.51],   // Intermediate point
    [13.42, 52.49]   // Ending point
  ],
  color: '#FF0000', // Red line
  width: 3          // Line width in pixels
};

// Add the polyline to the map
map.addLine(polyline);

// Render and save the map
map.render()
  .then(() => map.image.save('map_with_polyline.png'))
  .catch(err => console.error('Error rendering polyline map:', err));