एक मॉड्यूल जो ओपन लाइयर्स और मॉनिटरिंग सिस्टम के साथ काम करना सरल करता है

हेलो, हेब्र!

OpenLayers के आधार पर सैटेलाइट मॉनिटरिंग सिस्टम विकसित करने के थोड़े समय के बाद, मैं इस नतीजे पर पहुँचा: “मैं लगातार आवश्यक वस्तुओं को बनाते-बनाते थक गया हूँ, जो वस्तुओं का एक समूह भी है। यह सब अलग-अलग चर में और बहुत कुछ करने के लिए। " इसलिए, मैंने एक हल्का मॉड्यूल लिखने का फैसला किया, जो इस तरह के सिस्टम के विकास को थोड़ा सरल करेगा।

अर्थात्, यह एक नक्शे पर मार्करों के निर्माण, पटरियों के निर्माण, WKT में जियोमेट्री को सहेजने, बाद में एक डेटाबेस को बचाने के लिए आदि जैसे कार्यों को सरल बनाता है। बातें।

लेख छोटा होगा। मैं संक्षेप में बताऊंगा कि क्या हो रहा है और क्यों।

केवल 6 कक्षाएं और एक वर्ग लागू किया गया था, जो उनके लिए एक एकल इंटरफ़ेस प्रदान करता है। पूरी चीज़ को ग्रंट द्वारा एक मिनिफ़ाइड फ़ाइल में संपीड़ित किया गया था।

• BaseFunc - बुनियादी कार्यों के लिए आवश्यक, जैसे कि किसी ऑब्जेक्ट को किसी अन्य ऑब्जेक्ट के साथ विस्तारित करना, WKT के लिए ज्यामिति स्थानांतरित करना या इसके विपरीत, मानचित्र को केंद्र करना, आदि;
• कंसोल एक साधारण वर्ग है जिसमें मैंने विभिन्न प्रकार के संदेश और कंसोल के लिए संदेशों के एक समूह को लिखने के कार्यों का वर्णन किया है;
• नियंत्रण - यहां हम उन सभी नियंत्रणों को संग्रहीत करते हैं जो OpenLayers और इन बहुत तत्वों को जोड़ने के कार्य में बनाए गए थे;
• परत - परतों के साथ काम करते हैं। यह वह जगह है जहाँ मानचित्र जोड़ने की विधियाँ वर्णित हैं (Google, बिंग, OSM द्वारा विभिन्न प्रकारों के साथ समर्थित), अपनी खुद की परतों को जोड़ने, परतों या परत तत्वों के लिए गेटर्स;
• ट्रैक - ट्रैक मैनेजर। यहां हम ट्रैक बनाते हैं, उन्हें हटाते हैं, उन्हें छिपाते हैं। एक ट्रैक का निर्माण करते समय, गलत डेटा से सुरक्षा और अंकों के दोहराव से सुरक्षा को लागू किया जाता है (अनुकूलन उद्देश्यों के लिए);
• वाहन एक समान वाहन प्रबंधक है। जोड़ें, ले जाएँ, छुपाएँ, हटाएँ।

आइए इस मॉड्यूल के साथ काम करने के कुछ उदाहरण देखें।

मॉड्यूल कंस्ट्रक्टर मैप को इनिशियलाइज़ करता है, मैप लेयर और ऊपर वर्णित सभी वर्गों को जोड़ता है। एक शब्द में, जब कंस्ट्रक्टर को कॉल किया जाता है, तो हमारे पास पहले से ही हाथ में एक काम करने वाला नक्शा होता है:

this.Objects.OpenLayersTools = new OpenLayersTools(); 

नक्शे में नियंत्रण जोड़ना। प्रत्येक नियंत्रण एक सरणी में संग्रहीत किया जाता है और बाद में यदि आवश्यक हो तो आप इन तत्वों तक पहुंच सकते हैं। आप व्यक्तिगत रूप से प्रत्येक तत्व के लिए मापदंडों का एक सेट भी पास कर सकते हैं। एक फ़ंक्शन पैरामीटर एक ऑब्जेक्ट है जिसमें हम सभी आवश्यक नियंत्रणों और उनके मापदंडों को सूचीबद्ध करते हैं:

 this.Objects.OpenLayersTools.Control.addControls({ LayerSwitcher: { controlType: 'LayerSwitcher', roundedCorner: true }, MousePosition: { controlType: 'MousePosition' }, PanZoomBar: { controlType: 'PanZoomBar' }, Navigation: { controlType: 'Navigation' }, ArgParser: { controlType: 'ArgParser' }, Attribution: { controlType: 'Attribution' } }); 

अपने स्वयं के मानचित्र या अपनी परत को जोड़ने के लिए, फिर सब कुछ सरल है :) ऑब्जेक्ट में addMap फ़ंक्शन में, उस मानचित्र का नाम निर्दिष्ट करें जो मानचित्र चयनकर्ता और स्वयं मानचित्र के प्रकार में प्रदर्शित होगा। अपनी खुद की परत जोड़ने के लिए, हम चयनकर्ता में परत का नाम और परत की विशेषताओं को पास करते हैं। आवश्यक परत की प्रदर्शन शैली हैं:

 this.Objects.OpenLayersTools.Layer.addMap({ 'Google Maps': 'Google Streets' }); this.Objects.OpenLayersTools.Layer.addVectorLayer(' ', { styleMap: { default: { display: '${display}', label: '${label}', externalGraphic: '${externalGraphic}', graphicWidth: 32, graphicHeight: 32, graphicYOffset: -50 } } }); this.Objects.OpenLayersTools.Layer.addVectorLayer('', { styleMap: { default: { display: '${display}', label: '${label}', strokeWidth: 2 } } }) 

अपने वाहन को जोड़ने के लिए, उस परत के नाम को स्थानांतरित करें जिसे आप वाहन जोड़ना चाहते हैं, वाहन के निर्देशांक और तत्व की विशेषताएं:

 Core.Objects.OpenLayersTools.Vehicle.addVehicle(' ', { longitude: longitude, latitude: latitude }, { id: id, label: 'Testing Vehicle ' + id, display: '', externalGraphic: './images/car.png' }); 

अपने ट्रैक का निर्माण करने के लिए, उसी तरह उस परत के नाम को इंगित करें जिस पर हम ट्रैक जोड़ते हैं, निर्देशांक के साथ वस्तुओं की एक सरणी (प्रारूप में [{ord_1}, {ord_2}, ..., {ord_n}]) और इस तत्व (ट्रैक) की विशेषताएं:

 Core.Objects.OpenLayersTools.Track.buildTrack('', points, { id: id, label: 'Testing Track ' + id, display: '', maxInterval: 5, minInterval: 0.0001, projection: 'EPSG:4326' }); 

काम का एक उदाहरण यहां पाया जा सकता है । सभी कार्यों के लिए प्रलेखन यहां पाया जा सकता है । सूत्र यहाँ हैं

पीएस I ने मूल्यवान समय बचाने के लिए इस मॉड्यूल को "विशुद्ध रूप से अपने लिए" विकसित किया। मैंने इसे यहां लगाने का फैसला किया, शायद कोई काम आएगा।
पीपीएस ऐसे मामलों में जहां नए कार्यों की आवश्यकता होती है, इसे एक ही मॉड्यूल में एक कार्यान्वयन जोड़ने की योजना है। ट्रैक बनाते समय राउटिंग करने की योजना।

मैं एक छोटी सी टिप्पणी करना चाहता हूं और निमंत्रण के लिए धन्यवाद। मेरी ओर से इस तरह की अधिक त्रुटियों को दोहराया नहीं जाएगा।