उदाहरण हॉन्डलेट-कार्ड यैंडेक्स-कार्ड के आधार पर

तथ्य यह है कि इस तरह के एक हॉरपलेट को थोमाटिक मैप्स लेख में संक्षेप में वर्णित किया गया था।

इस लेख में, मैंने Yandex.Maps सेवा के आधार पर एक हॉरपलेट कार्ड के कार्यान्वयन का एक छोटा सा व्यावहारिक उदाहरण देने का फैसला किया। हम कह सकते हैं कि यह "पाँच मिनट में" किया जा सकता है।

उदाहरण का कुछ संज्ञानात्मक मूल्य भी है, क्योंकि रूसी संघ के क्षेत्रों में बेरोजगारी के प्रतिशत पर अपेक्षाकृत हाल के आंकड़े प्रस्तुत किए गए हैं।

एक बार फिर मैं दोहराता हूं कि एक हॉरपलेट क्या है। होरोपलेट एक नक्शा है जिस पर एक निश्चित संकेतक की तीव्रता को हैचिंग, विभिन्न घनत्वों के डॉट्स या संतृप्ति के विभिन्न डिग्री के रंगों द्वारा दिखाया गया है। इस मामले के क्षेत्र आमतौर पर प्रशासनिक-क्षेत्रीय प्रभाग की वस्तुएं हैं।

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

अब रूसी संघ के लिए, Yandex 81 क्षेत्रों की सूची लौटा रहा है, अल्ताई क्षेत्र से यारोस्लाव क्षेत्र तक। एक क्षेत्र के बारे में प्रत्येक रिकॉर्ड में उसका नाम और एक या अधिक बहुभुज शामिल हैं जो सीमाओं का वर्णन करते हैं।

उपयोगी डेटा के रूप में, हम स्तंभ "बेरोजगारी दर,%" को "15-72 वर्ष की आयु की जनसंख्या की आर्थिक गतिविधि (औसत दिसंबर 2010 - फरवरी 2011 में रोजगार की समस्याओं पर नमूना जनसंख्या सर्वेक्षण के अनुसार) के अनुसार" www.gks से लेते हैं। ु । हम संकेतक को एक रंग के रूप में प्रदर्शित करने का एक तरीका चुनते हैं जो 10% के मूल्य में 0% से संतृप्त लाल तक प्रकाश से बदलता है। 10% से अधिक मूल्य वाले सभी क्षेत्रों को एक भरण शैली में प्रदर्शित किया जाएगा।

अब हमारे पास निर्माण के सभी हिस्से हैं जिनकी हमें आवश्यकता है: कार्टोग्राफिक आधार, क्षेत्रों की सीमाएं, क्षेत्रों पर डेटा और तीव्रता का पैमाना। हम उन्हें एक साथ लाते हैं और कुछ ऐसा प्राप्त करते हैं:



डेमो यहाँ उपलब्ध है: http://static.streetjournal.org/choropleth.html , और जावास्क्रिप्ट कोड यहाँ देखा जा सकता है: http://static.streetjournal.org/choropleth.js ।

एक क्षेत्र पर क्लिक करने से एक टिप्पणी प्रदर्शित होगी।

यह ध्यान देने योग्य है कि इंटरनेट एक्सप्लोरर में, डेटा लोड करते समय ब्रेकिंग देखी जा सकती है, इसलिए इसका उपयोग करते समय, आपको पेज खोलते समय थोड़ा इंतजार करना चाहिए। उपयोग किए गए डेटा वॉल्यूम के साथ Google Chrome अच्छा काम करता है।