Proj4js से कैनवास तक के अनुमानों के साथ नक्शा

विचार

मैंने HTML5 से अब-लोकप्रिय कैनवस के बारे में एक पोस्ट लिखने और इसका उपयोग करने वाले मेरे dbCartajs प्रोजेक्ट के बारे में निर्णय लिया। कैनवस क्यों? थोड़ा इतिहास। इससे पहले, विभिन्न कम्प्यूटेशनल मॉडल को दर्शाने वाली छवियां बनाने के लिए (उदाहरण के लिए, त्रिज्या और केंद्र के बीच एक वृत्त को निर्देशांक में खींचना, बहुभुज को रेखाचित्र एन और क्षेत्र एस की संख्या के साथ, एक गोले पर एक वृत्त खींचना, आदि), मैं और मेरे सहयोगी संस्थान में। विभिन्न विकास परिवेशों से विभिन्न नियंत्रणों का उपयोग किया जाता है: उनके VB6, QPainter और QCanvas का Qt से चित्र, Tk से कैनवास और अंत में, MapServer से Mapfile का उपयोग करके छवि निर्माण। बाद में, एचटीएमएल 5 की शक्ति की खोज करने के बाद, मैंने जावास्क्रिप्ट के साथ कैनवस और वेब विकास का उपयोग करने का निर्णय लिया। सुविधाजनक - डिबगिंग और विकास के लिए केवल एक ब्राउज़र की आवश्यकता होती है। अपनी ताकत को इकट्ठा करने और W3C से प्रलेखन के साथ सशस्त्र होने के बाद, मैंने कुछ घटकों की कार्यक्षमता को फिर से लिखा है, जो हम काम में उपयोग करते हैं, जावास्क्रिप्ट में, इसे GbHub पर dbCartajs परियोजना में डालते हैं। स्रोत कोड के कुछ हिस्सों को कॉपी किए बिना पृष्ठों पर एक विजेट के रूप में उपयोग करने के लिए कोड को dbCarta ऑब्जेक्ट के रूप में लागू किया गया है।

DbCart के साथ विजेट

वास्तव में, dbCartajs को आदर्श रूप से Python और Tkinter में कार्यान्वित googlecode पर dbCart परियोजना से लिया गया है।

यह कैसे काम करता है

dbCartajs निर्देशांक (देशांतर, अंशों में अक्षांश) या बिंदुओं (बिंदुओं) द्वारा वस्तुओं का उत्पादन करने के लिए कैनवस का उपयोग करता है। परियोजना में प्रॉजेक्ट 4j लाइब्रेरी शामिल है जो कार्टोग्राफिक अनुमानों के पुनर्गणना को लागू करता है। इसमें से, कई अनुमानों को उपयोग के लिए कॉन्फ़िगर किया गया है - ये गोलाकार nsper, ortho, laea और Mercator (जैसे लोकप्रिय Google मैप्स - Google Mercator) हैं। डिफ़ॉल्ट रूप से, 2: 1 की चौड़ाई-ऊंचाई के एक पहलू अनुपात के साथ एक कैनवास का उपयोग किया जाता है, जो प्रोज 4j से लॉन्गलैट के फ्लैट प्रक्षेपण से मेल खाती है। यदि proj4js-joint.js लोड किया गया है, तो अन्य अनुमान dbCarta ऑब्जेक्ट के changeProject या initProj इंटरफेस के माध्यम से उपलब्ध हैं।


प्रोजेक्शन मर्केटर

बेशक, सभी कैनवस फीचर्स dbCartajs में लागू नहीं किए गए हैं, लेकिन मैंने कुछ पर ध्यान देने की कोशिश की। पहला फोंट है। स्केलिंग करते समय, वे बदलते नहीं हैं। दूसरा isPointInPath विधि का उपयोग है, जो आपको MAP, AREA और IMG तत्वों के उपयोग के एनालॉग को लागू करने की अनुमति देता है। और तीसरा, यह विभिन्न अनुमानों से वस्तुओं को संयोजित करने की क्षमता है। StarrySky डेमो में, गोलाकार प्रक्षेपण nsper का उपयोग पृथ्वी की सीमाओं को प्राप्त करने के लिए किया जाता है, महाद्वीपों की आकृति, और सपाट प्रक्षेपण longlat का उपयोग तारों और अंतरिक्ष यान की कक्षाओं को प्राप्त करने के लिए किया जाता है। अनुमानों को बदलने के लिए, initProj विधियों (Proj4js के लिए प्रक्षेपण मापदंडों के साथ) या changeProject (मापदंडों के बिना) का उपयोग करें।


StarrySky में प्रोजेक्शन संरेखण।

प्रबंधन के बारे में

मानचित्र पर जाना क्लिक द्वारा उपलब्ध है (एक बिंदु मानचित्र के भीतर क्लिक पर केंद्रित है)। मैप स्केलिंग को स्केलकार्ट इंटरफेस के माध्यम से या दाईं ओर स्थित on बटन द्वारा किया जाता है। गोलाकार अनुमानों में, ग्लोब का रोटेशन initProj इंटरफ़ेस के माध्यम से किया जाता है।

जहां देखो

परियोजना के उदाहरण वेबसाइट dbcartajs.appspot.com पर देखे जा सकते हैं। स्रोत GiHub dbCartajs परियोजना पर उपलब्ध हैं।