एक मोज़ेक नक्शा सेवा बनाने के लिए ट्यूटोरियल

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

सबसे अच्छी बात यह है कि आप इसे लोड होने दें, और ऊर्ध्वाधर पैनलों के आइकन के साथ खेलें, ज़ूम करें और फिर विचार करें कि बाएं फ्रेम में स्पष्टीकरण है कि यह कैसे करना है... यह इसके लायक है।

बाएँ मेनू की सामग्री में से हैं:

परिचय।  यह अनुभाग जानने के लिए सबसे महत्वपूर्ण चीजों से संबंधित है और इसे मुख्य रूप से HTML, जावास्क्रिप्ट और जीआईएस के बारे में कैसे जानें, इसके लिंक दिए गए हैं

परत निर्माण.  यह अनुभाग दिखाता है कि दृष्टिकोण स्तर और निर्देशिका संरचना को कैसे परिभाषित किया जाए।

मानचित्र योजना.  यहां वह मोज़ेक छवियों के आकार को कैसे परिभाषित करें, क्या प्रदर्शित करें और लेबलिंग के बारे में बात करते हैं।

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

वेबसाइट की मूल बातें. यहां हम आपको जावास्क्रिप्ट और DOM की मूल बातें, ईवेंट और div की हैंडलिंग दिखाते हैं।

  जावा स्क्रिप्ट.  यह अनुभाग परत कार्यक्षमता, स्क्रॉलिंग, ज़ूमिंग और इंटरलॉकिंग ईवेंट बनाने में सीधे कूदता है।

अजाक्स.  इंटरैक्शन को बेहतर बनाने के लिए AJAX के साथ क्या किया जा सकता है, इसके कुछ उदाहरण।

अंतिम उत्पाद.  यहां बताया गया है कि यदि सभी चरणों और अनुशंसाओं का पालन किया जाए तो उत्पाद कैसा दिखता है।

अंतिम स्पर्श.  छवि अद्यतन कैसे प्रबंधित किया जाएगा.

वाया: जेम्स फ़ी