USC.js सरलतम मैप लाइब्रेरी है जिसे आप कभी भी खोज लेंगे
Google मानचित्र निश्चित रूप से सबसे लोकप्रिय है एम्बेड करने योग्य नक्शा विजेट वेब डिजाइनरों के लिए। लेकिन क्या बारे में कस्टम सुविधाओं को जोड़ना जैसे टूलटिप्स और पिन मार्कर?
यह वह जगह है जहाँ एक भयानक पुस्तकालय की तरह है Leaflet.js एक टन मदद करता है.
यह है एक पूरी तरह से मुक्त खुला स्रोत परियोजना शुरू में व्लादिमीर एगाफोंकिन नाम के मैपबॉक्स में एक व्यक्ति द्वारा बनाया गया था। तब से, कैटलॉग को शामिल करने के लिए बढ़ गया है दर्जनों योगदानकर्ता दुनिया भर में.
यह अक्सर होता है बग फिक्स और नई सुविधाओं के साथ अद्यतन किया गया किसी भी वेबसाइट पर समग्र कार्यान्वयन में सुधार। यह अब तक की मेरी पसंदीदा मैपिंग लाइब्रेरी है, क्योंकि यह किन्नर बल और डिज़ाइन सौंदर्य के कारण है.
इसमें इतनी सारी विशेषताएं हैं कि मैं संभवतः उन सभी को सूचीबद्ध नहीं कर सकता, लेकिन यहां हैं सबसे दिलचस्प:
- मोबाइल हार्डवेयर त्वरण
- पिन मार्कर, आकार ओवरले, और टूलटिप्स
- कस्टम ज़ूम और पैनिंग एनीमेशन
- कोई जेएस निर्भरता नहीं
- IE7 सहित सभी प्रमुख ब्राउज़रों के लिए समर्थन+
कार्यान्वयन थोड़ा मुश्किल है क्योंकि आपको इसकी आवश्यकता है निर्देशांक दर्ज करें तथा परिभाषित करें कि नक्शा कितना बड़ा होना चाहिए.
उपयोगकर्ता हमेशा कर सकते हैं ज़ूम आउट तथा चारों ओर पैन, इसलिए दृश्य हमेशा बदल सकता है। लेकिन यह भी आधारित है आप नक्शे को कैसे परिभाषित करते हैं पेज पर.
बहुत बड़ा है प्रलेखन पृष्ठ के हर पहलू के लिए जानकारी से भरा है। अफसोस की बात है, यह इतना घना है कि मैं इसमें गोता लगाने की सलाह नहीं दे सकता क्योंकि आप शायद खो जाएंगे। इसके बजाय, बाहर की जाँच करें USC ट्यूटोरियल पेज जिसमें एक भी शामिल है त्वरित आरंभ गाइड newbies के लिए.
आप सीखेंगे कि कैसे नक्शे एम्बेड करें, आकार / स्थिति बदलें, और कैसे शीर्ष पर कस्टम ग्राफिक्स जोड़ें, जैसे सर्कल या पिन मार्कर.
यह एक इंट्रो गाइड कर सकता है अपनी जरूरत की हर चीज आपको सिखाएं एक ब्लॉग, कंपनी की वेबसाइट, या किसी भी आगामी परियोजना पर USC का उपयोग करने के लिए.
Google मानचित्र का उपयोग करने के बहुत सारे कारण हैं: यह शक्तिशाली, विश्वसनीय और मुफ्त है। लेकिन CAT के साथ आता है बॉक्स से बाहर कई और अधिक सुविधाएँ और आपको केवल जरूरत है CSS / JS फाइल को अपने वेब पेज पर जोड़ें आरंभ करना। आप भी पा सकते हैं प्रतियां ऑनलाइन होस्ट की गईं यदि आप CDN मार्ग पर जाना पसंद करते हैं.
डॉक्यूमेंटेशन को आपको डरने न दें। बहुत कुछ है जो आप सीख सकते हैं लेकिन सभी सुविधाएँ आवश्यक नहीं हैं एक मूल USC सेटअप के लिए.
और यह ज्यादा नहीं लेता है खरोंच से एक अद्भुत नक्शा बनाएँ. बनाए गए इस कोडपेन डेमो पर एक नज़र डालें USC.js और Google मैप्स एपीआई का उपयोग करना.
