हम स्मार्टफोन पर नाविक से ऑनलाइन नक्शे कनेक्ट करते हैं। भाग 1 - मानक रेखापुंज नक्शे

ऑनलाइन कार्ड क्या हैं? जिस कार्ड में आपकी रुचि है उसका सर्वर पता कैसे पता करें? सेटिंग्स फ़ाइल कैसे बनाएं जो स्मार्टफोन पर नेविगेटर को इस नक्शे से कनेक्ट करने की अनुमति देता है?

सामग्री:

1 - परिचय। मानक रेखापुंज नक्शे
2 - निरंतरता। वेक्टर नक्शे के लिए एक सरल रेखापुंज लिखना
3 - एक विशेष मामला। हम ओवरपासटर्बो कार्ड कनेक्ट करते हैं

प्रविष्टि

स्मार्टफ़ोन के लिए नेविगेशन अनुप्रयोगों में, वे हैं जो पर्यटन और सभी प्रकार की उपनगरीय गतिविधियों के लिए डिज़ाइन किए गए हैं। उनमें से सबसे प्रसिद्ध OsmAnd, Locus और GuruMaps हैं। उन सभी को बड़ी संख्या में विशिष्ट कार्यों द्वारा प्रतिष्ठित किया जाता है जो रास्ते में काम आ सकते हैं। और सभी प्रकार की (कभी-कभी बहुत भ्रामक) सेटिंग्स की भी अधिक संख्या। लेकिन अब हम एक चीज में सबसे अधिक रुचि रखते हैं: अतिरिक्त कार्ड जोड़ने और उनके बीच जल्दी से स्विच करने की क्षमता।

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

तो यहाँ है। एक नियम के रूप में, नए कार्ड जोड़ना अपेक्षाकृत सरल है। एप्लिकेशन फ़ोल्डर में प्रीसेट के साथ एक सबफ़ोल्डर है। अर्थात्, सहेजने वाली फ़ाइलों के साथ, जिसमें किसी विशेष कार्ड को डाउनलोड करने की सेटिंग्स इंगित की गई हैं। आइए देखें कि वे क्या हैं।

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

<?xml version="1.0" encoding="UTF-8"?> <customMapSource> <name>OpenStreetMaps</name> <minZoom>0</minZoom> <maxZoom>18</maxZoom> <url>http://{$serverpart}.tile.openstreetmap.org/{$z}/{$x}/{$y}.png</url> <serverParts>ab c</serverParts> </customMapSource> 

वास्तव में, हमारे पास कई मूल्यों की एक सूची है। आइए उन पर विचार करें:

नाम - मानचित्र का नाम जो एप्लिकेशन में प्रदर्शित किया जाएगा
मिनज़ूम - यह नक्शा किस ज़ूम स्तर से प्रदर्शित किया जाएगा
maxZoom - इस मानचित्र को किस ज़ूम स्तर तक प्रदर्शित किया जाएगा
url - मैप फ़ाइलों तक पहुँचने के लिए टेम्प्लेट
serverParts - यदि सर्वर जिस पर मैप फ़ाइलों को संग्रहीत किया जाता है, में कई दर्पण होते हैं, तो आपको उनके नामों को सूचीबद्ध करने की आवश्यकता होती है

आगे बढ़ने से पहले, मैं ध्यान देता हूं कि सर्वर पर भंडारण के लिए, बड़े कार्ड छोटे टुकड़ों में टूट गए हैं। आमतौर पर ये 256x256 पिक्सेल के आकार के साथ png चित्र होते हैं। इन टुकड़ों को टाइल कहा जाता है ।

अब हम url टेम्पलेट पर करीब से नज़र डालते हैं।

http://{$serverpart}.tile.openstreetmap.org /{$z}/{$x}/{$y}.png

नाविक स्वचालित रूप से वर्तमान में आवश्यक मानचित्र टुकड़े के "निर्देशांक" के साथ ब्रेसिज़ में शब्दों को बदल देता है। यहाँ वास्तव में स्टब्स के लिए प्रतिस्थापित किया जाएगा:

{$ serverpart} - सर्वरपार्ट मानों में से एक को यहां प्रतिस्थापित किया जाएगा।
{$ z} - वह ज़ूम स्तर जिसके लिए आप एक मानचित्र टुकड़ा डाउनलोड करना चाहते हैं
{$ x} - नक्शे के टुकड़े की क्षैतिज संख्या
{$ y} - नक्शे के टुकड़े की संख्या लंबवत

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

http://a.tile.openstreetmap.org /12/2478/1265.png

जब डाउनलोड पूरा हो जाता है, तो डाउनलोड की गई टाइल को स्मार्टफोन स्क्रीन पर प्रदर्शित किया जाएगा।

अपना कार्ड जोड़ें

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

डेवलपर टूल के साथ पैनल खोलें (Google Chrome के लिए Ctrl + Alt + I)

खुलने वाले पैनल में, स्रोत टैब पर जाएं।

हम सभी फ़ोल्डरों को तब तक खोलते हैं जब तक कि हमें फ़ोल्डर को प्रदर्शित नक्शे के स्लाइस की छवियों के साथ नहीं मिल जाता है।

फ़ाइल नाम पर राइट क्लिक करें। खुलने वाले मेनू में, कॉपी लिंक एड्रेस चुनें

उदाहरण के लिए, हमें ऐसा लिंक मिला है
http://anygis.herokuapp.com/Combo_Best_Genshtab/1242/639/11

आपको यह समझने की आवश्यकता है कि वास्तव में इन संख्याओं का क्या मतलब है। हम अपने संदर्भ कार्ड से जांचते हैं - OpenStreetMaps।

http://a.tile.openstreetmap.org/1242/639/11.png

लोड नहीं हो रहा है। आइए संख्याओं को स्वैप करने का प्रयास करें।
http://a.tile.openstreetmap.org/11/1242/639.png

अपलोड! अब पहले और दूसरे लिंक द्वारा प्राप्त टाइल की तुलना करें:

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

खैर, और अब, OpenStreetMaps के लिए निर्देशांक किस क्रम में जाने - z, x, y - हम आत्मविश्वास से कह सकते हैं जिसमें वे हमारे नक्शे पर जाते हैं।

http://anygis.herokuapp.com/Combo_Best_Genshtab/{$x}/{$y}/{$z}

अब व्यूपोर्ट में मैप पर ज़ूम इन और आउट करें। इसलिए हमें पता चलता है कि कार्ड केवल 0 वें और 15 वें ज़ूम से लोड किया गया है।

इसके अलावा, यदि url एक अक्षर या संख्या के साथ शुरू होता है, तो वहां अन्य मूल्यों को प्रतिस्थापित करना संभव होगा। लेकिन आमतौर पर या तो ए, बी, सी या 0,1,2,3 है ।

इसलिए, अब हमने सभी आवश्यक मापदंडों का पता लगा लिया है और अपने नए मानचित्र के लिए पूर्व निर्धारित कर सकते हैं।

 <?xml version="1.0" encoding="UTF-8"?> <customMapSource> <name>.   </name> <minZoom>0</minZoom> <maxZoom>15</maxZoom> <url>http://anygis.herokuapp.com/Combo_Best_Genshtab/{$x}/{$y}/{$z}</url> </customMapSource> 

यह फ़ाइल को एक नए नाम के तहत सहेजने और अपने नेविगेशन एप्लिकेशन में जोड़ने के लिए बनी हुई है। IOS के लिए - बस फ़ाइल को एप्लिकेशन फ़ोल्डर (iTunes के माध्यम से) में खींचें और छोड़ें। Android के लिए - फाइल को निम्न निर्देशिका में कॉपी करें:

Android\data\com.bodunov.GalileoPro\files\Imported

अब, जब आप नाविक को खोलते हैं, तो आपने जो किया है वह नक्शे की सूची में दिखाई देता है। बधाई!

जैसा कि आप देख सकते हैं, यह बहुत सरल था। और सबसे अच्छी बात, पूरी प्रक्रिया उपरोक्त सभी नाविकों के लिए कमोबेश समान है। तेज, बहुमुखी, क्रॉस-प्लेटफॉर्म।

बेशक, गैर-मानक अनुमानों में कार्ड हैं। या गैर-मानक संख्या के साथ। इस लेख में, मैंने इस समस्या को हल करने का तरीका बताया। फिर भी, इंटरनेट पर पाए जाने वाले अधिकांश कार्ड आसानी से और अतिरिक्त मुसीबतों के बिना जुड़े हुए हैं।

वैसे, मेरी AnyGIS वेबसाइट पर आप रेडीमेड प्रीसेट डाउनलोड कर सकते हैं। वे मेरे द्वारा एकत्र किए गए डेटाबेस के आधार पर उपरोक्त सभी नेविगेटर के प्रारूपों में स्वचालित रूप से उत्पन्न होते हैं। और समय-समय पर अद्यतन किया जाता है। इसलिए, यदि आवश्यक हो, तो डाउनलोड करें और उपयोग करें।

खैर, यह परिचय के साथ खत्म हो गया है। अगले लेख में मैं आपको बताऊंगा कि वेक्टर ऑनलाइन मैप्स को कैसे कनेक्ट किया जाए।