🧑🏾 👩🏼‍⚕️ 👨🏿‍🔧 2GIS आपकी उंगलियों पर है। हमने Apple वॉच में एक नक्शा कैसे जोड़ा 🤛🏻 👨🏽‍💼 🚯

ऐपल वॉच ने तेज़ी से लोकप्रियता हासिल की और रोलेक्स और अन्य निर्माताओं से आगे निकलकर दुनिया की सबसे लोकप्रिय घड़ी बन गई। घड़ियों के लिए एक एप्लिकेशन बनाने का विचार 2015 से 2 जीआईएस कार्यालय में रहा है।

हमसे पहले, केवल Apple ने ही घड़ी पर एक कार्ड के साथ एक पूर्ण-एप्लिकेशन जारी किया था। Yandex.Map एप्लिकेशन केवल ट्रैफ़िक विजेट प्रदर्शित करता है और घर और काम के लिए समय यात्रा करता है। Yandex.Navigator, Google Maps, Waze और Maps। आमतौर पर घड़ी पर उपलब्ध नहीं हैं।

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

पालतू परियोजना को एक पूर्ण उत्पाद में कैसे विकसित किया गया है, यह जानने के लिए बिल्ली के नीचे एक तिरछी नज़र डालें।

UPD।: https://github.com/teanet/DemoWatch

हमने एक नक्शा बनाने का फैसला किया। शुरुआत में क्या था?

घड़ी पर विकास का अनुभव - एक परीक्षण परियोजना पर 2 दिन का काम।
स्प्राइटकिट के साथ अनुभव - 0 दिन।
MapKit लेखन अनुभव - 0 दिन।
संदेह है कि कुछ गलत हो सकता है - may।

Iteration 1 - विचार की उड़ान

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

एक नक्शा एक बहुत बड़ी तस्वीर है। हम घड़ी पर चित्र दिखाने में सक्षम हैं, जिसका अर्थ है कि हम कार्ड के प्रदर्शन को संभाल सकते हैं।

हमारे पास एक सेवा है जो कार्ड को टुकड़ों में काट सकती है:

यदि आप इस तरह की तस्वीर काटते हैं और WKImage में डालते हैं, तो हमें पांच सेंट के लिए सबसे सरल काम करने वाला प्रोटोटाइप मिलता है।

और यदि आप इस तस्वीर में पैनग्रेस्चर जोड़ते हैं और प्रत्येक स्वाइप पर एक नई तस्वीर स्थापित करते हैं, तो हम कार्ड के साथ बातचीत का एक सिमुलेशन प्राप्त करते हैं।

/ आनन्दित / यह भयानक लगता है, यह उसी के बारे में दिखता है, यह और भी बदतर काम करता है, लेकिन वास्तव में कार्य पूरा हो गया है।

Iteration 2 - न्यूनतम प्रोटोटाइप

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

StackOverflow Driven Development (SDD) के कुछ घंटों के बाद हमें दूसरा पुनरावृत्ति मिलता है:
एक SKSpriteNode, एक WKPanGestureRecognizer।

/ आनन्दित / हाँ यह 6 kopecks के लिए MapKit है, पूरी तरह से काम कर रहा है। तत्काल रिलीज!

Iteration 3- टाइल और ज़ूम बढ़ाना

जब भावनाएं सो रही थीं, तो उन्होंने सोचा कि आगे कहाँ जाना है।

समझे कि सबसे महत्वपूर्ण बात:

टाइल्स के साथ छवि बदलें।
एप्लिकेशन बंडल में 4 टाइलें संलग्न करें और उन्हें एक साथ कनेक्ट करें।
झूम चित्र प्रदान करें।
आइए 4 बंडल को आवेदन बंडल में छोड़ दें, फिर उन्हें एक निश्चित पर रखें:

let rootNode = SKSpriteNode()

सरल गणित की मदद से हम उन्हें एक साथ जोड़ देंगे।
हम WKCrownDelegate के माध्यम से ज़ूम करते हैं:

 internal func crownDidRotate( _ crownSequencer: WKCrownSequencer?, rotationalDelta: Double ) { self.scale += CGFloat(rotationalDelta * 2) self.rootNode.setScale(self.scale) }

/ आनन्दित / अच्छा, अब यह सुनिश्चित है! फिक्स का एक जोड़ा, और गुरु को।

Iteration 4 - मानचित्र के साथ सहभागिता को अनुकूलित करना

अगले दिन, यह पता चला कि SpriteKit के लिए एंकरपॉइंट ज़ूम को प्रभावित नहीं करता है। ज़ूम पूरी तरह से एंकरपॉइंट को अनदेखा करता है और रूटनोड के केंद्र के सापेक्ष होता है। यह पता चला है कि हर ज़ूम कदम के लिए हमें स्थिति को समायोजित करने की आवश्यकता है।

पूरी दुनिया को घड़ी की मेमोरी में स्टोर करने के बजाय सर्वर से टाइल लोड करना अच्छा होगा।
यह मत भूलो कि टाइल को निर्देशांक से बांधा जाना चाहिए ताकि वे SKScene के केंद्र में झूठ न हों, लेकिन नक्शे पर उपयुक्त स्थानों पर।

टाइलें कुछ इस तरह दिखती हैं:

प्रत्येक zoomLevel (इसके बाद "z") में टाइल्स का अपना सेट है। Z = 1 के लिए, हमारे पास 4 टाइलें हैं जो पूरी दुनिया को बनाती हैं।

z = 2 के लिए - पूरी दुनिया को कवर करने के लिए, आपको पहले से ही 16 टाइलों की आवश्यकता है,
z = 3 के लिए - 64 टाइलें।
z = 18 ≈ 68 * 10 ^ 9 टाइल्स के लिए।
अब उन्हें SpriteKit की दुनिया में डालने की जरूरत है।

एक टाइल का आकार 256 * 256 पीटी है, जिसका अर्थ है
z = 1 के लिए, "दुनिया" का आकार 512 * 512 पीटी होगा,
z = 2 के लिए "दुनिया" का आकार 1024 * 1024 pt के बराबर होगा।
गणना में आसानी के लिए, दुनिया में टाइलें इस प्रकार रखें:

टाइल एनकोड करें:

 let kTileLength: CGFloat = 256 struct TilePath { let x: Int let y: Int let z: Int }

ऐसी दुनिया में टाइल के समन्वय को परिभाषित करें:

 var position: CGPoint { let x = CGFloat(self.x) let y = CGFloat(self.y) let offset: CGFloat = pow(2, CGFloat(self.z - 1)) return CGPoint(x: kTileLength * ( -offset + x ), y: kTileLength * ( offset - y - 1 )) } var center: CGPoint { return self.position + CGPoint(x: kTileLength, y: kTileLength) * 0.5 }

स्थान सुविधाजनक है, क्योंकि यह आपको वास्तविक दुनिया के निर्देशांक में सब कुछ लाने की अनुमति देता है: अक्षांश / देशांतर = 0, जो सिर्फ "दुनिया" के केंद्र में है।

वास्तविक दुनिया का अक्षांश / देशांतर निम्नानुसार हमारी दुनिया में बदल जाता है:

 extension CLLocationCoordinate2D { //     ( -1 < TileLocation < 1 ) func tileLocation() -> CGPoint { var siny = sin(self.latitude * .pi / 180) siny = min(max(siny, -1), 1) let y = CGFloat(log( ( 1 + siny ) / ( 1 - siny ))) return CGPoint( x: kTileLength * ( 0.5 + CGFloat(self.longitude) / 360 ), y: kTileLength * ( 0.5 - y / ( 4 * .pi ) ) ) } //       zoomLevel func location(for z: Int) -> CGPoint { let tile = self.tileLocation() let zoom: CGFloat = pow(2, CGFloat(z)) let offset = kTileLength * 0.5 return CGPoint( x: (tile.x - offset ) * zoom, y: (-tile.y + offset) * zoom ) } }

ज़ूम लेवलिंग के साथ रैक्ड प्रॉब्लम। मुझे पूरे गणितीय उपकरण को एक साथ रखने और टाइल्स के सही विलय को सुनिश्चित करने के लिए कुछ दिन बिताने पड़े। यही है, z = 1 के लिए टाइल को आदर्श रूप से z = 2 के लिए चार टाइलों में जाना चाहिए और इसके विपरीत, z = 2 के लिए चार टाइलें z = 1 के लिए एक टाइल में जानी चाहिए।

इसके अलावा, रैखिक ज़ूम को एक घातीय में बदलना आवश्यक था, क्योंकि ज़ूम 1 <= z <= 18 से भिन्न होता है, और 2 ^ z जैसे मानचित्र तराजू।

टाइल्स की स्थिति को लगातार समायोजित करके चिकना ज़ूम प्रदान किया जाता है। यह महत्वपूर्ण है कि टाइलें बिल्कुल बीच में सिले हुई हैं: अर्थात, स्तर 1 टाइल 1.5 के ज़ूम के साथ 4 स्तर 2 टाइलों में जाती है।

SpriteKit हुड के नीचे एक फ्लोट का उपयोग करता है। Z = 18 के लिए, हमें निर्देशांक (-33 554 432/33 554 432) का प्रसार मिलता है, और फ्लोट की सटीकता 7 बिट्स है। बाहर निकलने पर, हमारे पास 30 पीटी के क्षेत्र में एक त्रुटि है। हिस्सों के बीच "अंतराल" की घटना से बचने के लिए, हम दृश्य टाइल को यथासंभव SKScene के केंद्र के करीब रखते हैं।

/ आनन्द / इन सभी इशारों के बाद हमें परीक्षण के लिए तैयार एक प्रोटोटाइप मिला।

रिलीज की तारीख

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

रिलीज के बाद, यह पता चला कि पहली श्रृंखला की घड़ी में प्रोसेसर के पास कार्ड के पहले फ्रेम को 10 सेकंड में खींचने का समय नहीं है और समय समाप्त हो जाता है। मुझे शुरू में 10 सेकंड में फिट होने के लिए कार्ड को पूरी तरह से खाली करना था, और फिर धीरे-धीरे सब्सट्रेट को लोड करना था। पहले नक्शे के सभी स्तरों को विकसित करें - और फिर उनके लिए टाइल लोड करें।

नेटवर्क को डीबग करने, कैश और एक छोटे मेमोरी फ़ुटप्रिंट को ठीक से कॉन्फ़िगर करने में बहुत समय लगा, ताकि वॉचओएस हमारे एप्लिकेशन को यथासंभव लंबे समय तक मारने की कोशिश न करे।

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

भविष्य के लिए परिणाम और योजनाएं

हम पहले से ही मानचित्र पर मुख्य एप्लिकेशन में निर्मित युद्धाभ्यास वाले मार्ग को प्रदर्शित कर सकते हैं। यह सुविधा आगामी रिलीज में से एक में उपलब्ध होगी।

यह परियोजना, जो शुरू में असंभव लग रही थी, व्यक्तिगत रूप से मेरे लिए बेहद उपयोगी साबित हुई। मैं अक्सर यह समझने के लिए एप्लिकेशन का उपयोग करता हूं कि क्या सही स्टॉप पर उतरने का समय है। मेरा मानना है कि सर्दियों में यह और भी उपयोगी होगा।

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

पुनश्च उन लोगों के लिए, मैं एक तैयार परियोजना को पूरा कर सकता हूं। कोड स्तर वहाँ उत्पादन से दूर है। लेकिन, सैन्य सिद्धांत के अनुसार, यह कोई फर्क नहीं पड़ता कि यह कैसे काम करता है, मुख्य बात यह है कि यह काम करता है!

2GIS आपकी उंगलियों पर है। हमने Apple वॉच में एक नक्शा कैसे जोड़ा