gmaps.js Google मैप्स एपीआई का उपयोग करने का सबसे आसान तरीका है

नमस्ते!

मैं आपको Google मैप्स API के साथ सुविधाजनक काम के लिए एक छोटे (~ 30kb) जेएस लाइब्रेरी के बारे में बताता हूं, जिसे gmaps.js कहा जाता है।
चूंकि पुस्तकालय वेब विकास की प्रक्रिया में तेजी लाने के लिए बनाया गया था, तो मैं आपको देरी नहीं करूंगा। जैसा कि नाम से ही स्पष्ट है, यह Google मैप्स एपीआई के साथ बातचीत को सरल बनाने के अलावा और कुछ नहीं करता है । आप में से कई ने एपीआई के साथ काम किया है, और शायद हर बार जब आपको प्रलेखन और कार्यान्वयन के माध्यम से अफवाह फैलाने के लिए पसीना बहाना पड़ता है, उदाहरण के लिए, नक्शे पर निशान का अपना विवरण। या एक कार्ड के साथ एक इंटरैक्शन इवेंट की सदस्यता लें ...

इसलिए, उसे अभी तक एक भी प्रमुख संस्करण नहीं मिला है, और वर्तमान में संस्करण 0.1.12.3 है । एमआईटी लाइसेंस के तहत वितरित किया गया और पूरे समुदाय द्वारा विकसित किया गया (और आप इसके साथ मदद भी कर सकते हैं)।

फ़ीचर उदाहरण

मानचित्र निर्माण

new GMaps({ div: '#map', lat: -12.043333, lng: -77.028333 }); 

और आप विकल्प ज़ूम , चौड़ाई , ऊंचाई जोड़ सकते हैं। हालांकि, मानक के अनुसार, कंटेनर को फिट करने के लिए कार्ड की चौड़ाई और ऊंचाई समायोजित की जाएगी।

घटनाओं

 map = new GMaps({ div: '#map', zoom: 16, lat: -12.043333, lng: -77.028333, click: function(e) { alert('click'); }, dragend: function(e) { alert('dragend'); } }); 

सभी मैप्स एपीआई ईवेंट समर्थित हैं।

जियोलोकेशन

 GMaps.geolocate({ success: function(position) { map.setCenter(position.coords.latitude, position.coords.longitude); }, error: function(error) { alert('Geolocation failed: '+error.message); }, not_supported: function() { alert("Your browser does not support geolocation"); }, always: function() { alert("Done!"); } }); 

खैर, यह प्यारा नहीं है?

मार्कर जोड़ें

 map.addMarker({ lat: -12.043333, lng: -77.028333, title: 'Lima', click: function(e) { alert('You clicked in this marker'); }, infoWindow: { content: '<p>Home, sweet home...</p>' } } }); 

और सब कुछ, सब कुछ, सब कुछ!

पुस्तकालय मानचित्र एपीआई की लगभग पूर्ण कार्यक्षमता का समर्थन करता है, जिसमें स्थैतिक नक्शे (एक तस्वीर के रूप में) का उत्पादन शामिल है, परतों को ओवरले करना, मार्गों को बिछाने, बहुभुज बनाना, अपने स्वयं के नियंत्रणों को आकर्षित करना, जियोआरएसएस और वह सब ...

कृपया लाइब्रेरी की वेबसाइट पढ़ें: http://hpneo.github.com/gmaps/ और बनाना शुरू करें।
और तुरंत गितुब पर रिपॉजिटरी को कांटा: https://github.com/HPNeo/gmaps

UPD: KidsKilla का सुझाव है कि, सिद्धांत रूप में, मैप्स API TOS के अनुसार, किसी को भी आधिकारिक API की अनुमति मिलने तक मौजूदा API के शीर्ष पर अपने रैपर (गोले) बनाने का अधिकार नहीं है। ( https://developers.google.com/maps/terms , खंड 10.2)। जिसके लिए डेवलपर (गुस्तावो लियोन) ने जवाब दिया कि वह दो चीजें करेगा: 1) Google 2 से अनुरोध की अनुमति) एक टिकट पहले ही न केवल गूगल मैप्स एपीआई, बल्कि ओपनचार्स्टपाइप से कनेक्ट करने के लिए खोला गया है । यह खुशी है!