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 में स्थानों को इंगित करने के लिए मार्कर

StaticMaps मानचित्र में मार्कर जोड़ने की क्षमता प्रदान करता है। मार्कर विशिष्ट स्थानों, जैसे कि रुचि के बिंदु, उपयोगकर्ता स्थान या अन्य महत्वपूर्ण स्थानों को हाइलाइट करने के लिए उपयोगी होते हैं। ओपन सोर्स StaticMaps लाइब्रेरी सॉफ़्टवेयर डेवलपर्स के लिए अपने 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));

मार्ग या सीमाएँ बनाने के लिए पॉलीलाइन

मानचित्र पर पथ या सीमाएँ दिखाने के लिए पॉलीलाइन बहुत ज़रूरी हैं। आप पॉलीलाइन बनाने के लिए StaticMaps का इस्तेमाल कर सकते हैं, जिससे यह डिलीवरी सेवाओं या फ़िटनेस ट्रैकिंग ऐप जैसे रूट दिखाने वाले ऐप्लिकेशन के लिए एक बढ़िया विकल्प बन जाता है। निम्न उदाहरण दिखाता है कि एक रूट को दर्शाने के लिए कई निर्देशांकों के बीच एक लाल पॉलीलाइन बनाई गई है। आप अपने ऐप्लिकेशन की शैली के हिसाब से पॉलीलाइन के रंग और चौड़ाई को आसानी से एडजस्ट कर सकते हैं।

// 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));