सुविधा के बारे में जानकारी
Google Mashup Editor (GME) मैशअप डेवलपर के लिए सबसे ज़्यादा इस्तेमाल होने वाले और सबसे उपयोगी टूल में से एक है. GME की मदद से डेवलपर, बाहरी डेटा वाले कनेक्शन के आधार पर वेब पेजों, जैसे कि मैप, टेबल, सूचियों, और अन्य एलिमेंट में डाइनैमिक कॉम्पोनेंट बना सकते हैं और उनमें बदलाव कर सकते हैं. इसके बाद, iframe का इस्तेमाल करके, इन्हें वेब पेजों और ब्लॉग में शामिल किया जा सकता है.इस ट्यूटोरियल में बताया गया है कि GME की मदद से बनाए गए मैप में KML फ़ाइल को कैसे शामिल किया जा सकता है.
Google मैशप संपादक का मेरा पहला इंप्रेशन
- Google के ज़्यादातर प्रॉडक्ट की तरह ही, इसका इंटरफ़ेस भी साफ़ और अलग है.
- इसमें एक सुविधाजनक प्रोजेक्ट इंडेक्स है जिसमें उदाहरणों के ज़रिए लगातार कोड इकट्ठा होते रहते हैं. साथ ही, लेखक के कोड को भी इंडेक्स किया जाता है.
- इससे प्रोजेक्ट में अतिरिक्त संसाधनों (जैसे कि इमेज फ़ाइलों) को आसानी से सेव किया जा सकता है.
- इसमें इस्तेमाल करने में आसान एक्सएमएल डीबगर है.
- इसमें, इस्तेमाल में आसान कई सैंपल ऐप्लिकेशन हैं.
KML डेवलपर के लिए GME
इंटरनेट के आने से पहले, जगह की जानकारी के डेटा को शेयर करना आम तौर पर मुश्किल था. हालांकि, इंटरनेट के विकास के साथ ही, मैपिंग ऐप्लिकेशन दुनिया भर में भौगोलिक सूचना सिस्टम (जीआईएस) डेटा को आसानी से शेयर करने का स्टैंडर्ड तरीका बन गए. KML, GIS डेटा के प्रज़ेंटेशन और इंटरचेंज के लिए एक मानक बनता जा रहा है क्योंकि यह छोटा, बनाने में आसान है, और यह Google Earth और Google Maps जैसे लोकप्रिय ऐप्लिकेशन के साथ काम करता है.
अभी तक, JavaScript के आधार पर पेज बनाने और उनमें बदलाव करने की प्रक्रिया KML डेवलपर के लिए एक बड़ी समस्या थी. मैशअप बनाने और उसे डीबग करने के लिए, कई और चरणों की ज़रूरत थी. GME की सहायता से कुछ बुनियादी घटकों के ज़रिए KML-आधारित मैशअप को बहुत तेज़ी से बनाया जा सकता है. इसे बनाने के लिए, एचटीएमएल या JavaScript की खास जानकारी होना ज़रूरी नहीं है. GME नमूने के प्रोजेक्ट में, शुरुआत करने के लिए काफ़ी सुविधाएं मिलती हैं.
नीचे दिए गए उदाहरण में, मैं एक ऐसी KML फ़ाइल का इस्तेमाल करूंगा/करूंगी जो Pict Earth अमेरिका की फ़्लाइट के दौरान ली गई तस्वीरों के संग्रह को बताती है.
यह Pict Earth Maps मैशअप का स्नैपशॉट है:
यहां दिया गया है कि Google Maps API का इस्तेमाल करके, KML फ़ाइल को GME प्रोजेक्ट में जोड़ने के लिए क्या करें:
पहला चरण: KML फ़ाइल चुनें
दूसरा चरण: नया GME प्रोजेक्ट बनाना
तीसरा चरण: KML जोड़ने के लिए, कोई फ़ंक्शन बनाना: पहला चरण: मैप बनाना:
पहला चरण: अप-टू-डेट</as
पहले ले जाना: अप अप अप अप अप अप अप अपल अप पहले से ले जाना
पहला चरण: KML फ़ाइल चुनें
वह KML फ़ाइल चुनें जिसे आप अपने मैप में जोड़ना चाहते हैं. यह ऐसा कुछ भी हो सकता है, जिसमें Google Maps पर सुविधाएं काम करती हैं. इसे ऐसे डोमेन पर होस्ट किया जाना चाहिए जो सार्वजनिक तौर पर उपलब्ध हो.
दूसरा चरण: नया GME प्रोजेक्ट बनाना
नया खाली GME प्रोजेक्ट बनाएं.
GME प्रोजेक्ट कुछ ऐसा दिखता है:
अपने फ़ंक्शन के लिए कोई शीर्षक और नाम जोड़ें.
<gm:page title="Pict Earth missions" authenticate="false" onload="KMLPE()"></gm:page>
तीसरा चरण: KML जोड़ने के लिए फ़ंक्शन बनाना
JavaScript फ़ाइल बनाने के लिए, KML फ़ाइल के पाथ को मैप पर जोड़ें.
<script>
function kmlPE()
{
<!-- Get map -->
var myMap = google.mashups.getObjectById('map').getMap();
<!-- Get KML -->
var geoXml = new GGeoXml("http://pictearthusa.com/kml/missions.kml");
<!--Place KML on Map -->
myMap.addOverlay(geoXml);
<!--Set zoom on double click -->
myMap.enableDoubleClickZoom();
}
</script>
चौथा चरण: मैप जोड़ना
मैप और पैरामीटर जोड़ें.
<gm:map id="map" height="400px" width="400px" lat="32.9393" lng="-117.206" zoom="9" maptypes="true"/>
पांचवां चरण: मैशअप को टेस्ट करें.
'टेस्ट करें' बटन (F4) दबाएं.
यह Pict Earth मैशअप की इमेज है, जिसे सैंडबॉक्स में जांचा गया है.
अब हम ऐप्लिकेशन के टेक्स्ट की पुष्टि करके पहला नतीजा देख सकते हैं. हम एक शीर्षक और लिंक जोड़कर फिर से उसकी जांच कर सकते हैं.
छठा चरण: मैशअप को पब्लिश करना
प्रोजेक्ट का नाम सेट करें और फिर उसे प्रकाशित करें. इससे आपको अपने मैशअप का एक स्थायी लिंक मिल जाएगा, जिसका इस्तेमाल करके आप इसे अपने वेब पेजों में शामिल कर सकते हैं. मेरे उदाहरण का इस्तेमाल करके, यह GME प्रोजेक्ट होम पेज का लिंक है. आप प्रोजेक्ट का स्रोत कोड भी देख सकते हैं.
सातवां चरण: मैशअप को किसी वेब पेज पर जोड़ना
iframe का इस्तेमाल करके, वेब पेज पर मैशअप जोड़ें. उदाहरण के लिए, उदाहरण प्रोजेक्ट डालने के लिए, इसे जोड़ें:
<iframe style="WIDTH: 439px; HEIGHT: 491px" src="http://pemissions.googlemashups.com/" frameborder="0"></iframe>
यहां एक पेज और ब्लॉग में मैशअप के कुछ उदाहरण दिए गए हैं.
आप प्रोजेक्ट में अपना Google Analytics कोड भी जोड़ सकते हैं, जिससे आप अपने पेज को देखने वाले लोगों के बारे में आंकड़े ट्रैक कर पाएंगे. इसे जोड़ने के लिए आसान स्क्रिप्ट यहां दी गई है:
<script src="http://www.google-analytics.com/urchin.js" type="text/javascript"></script>
<script type="text/javascript">uacct = "youraccountnumber";urchinTracker();</script>
आठवां चरण: इसे GME गैलरी में डालें
अपना मैशअप GME मैशअप गैलरी में प्रकाशित करें. इससे दूसरे उपयोगकर्ता आपके मैशअप को देख पाएंगे.
अधिक जानकारी के लिए:
Google मैशअप एडिटर शुरू करने की गाइड देखें, जिसमें मैशअप बनाने की प्रक्रिया के बारे में पूरी जानकारी दी गई है. साथ ही, उदाहरणों वाले सभी gm टैग की खास जानकारी के लिए टैग की सूची देखें.
कोड:
यहां GME में Pict Earth KML इस्तेमाल करने का पूरा कोड दिया गया है:
<gm:page title="Pict Earth missions" authenticate="false" onload="kmlPE()>
<!-- Map definition -->
<gm:mapid="map" height="400px" width="400px" lat="32.9393" lng="-117.206" zoom="9" maptypes="true"/>
<script>
function kmlPE(){
<!-- Get map -->
var myMap = google.mashups.getObjectById('map').getMap();
<!-- Get KML -->
var geoXml = new GGeoXml("http://pictearthusa.com/kml/missions.kml");
<!-- Place KML on Map -->
myMap.addOverlay(geoXml);
<!-- Set zoom on double click -->
myMap.enableDoubleClickZoom();
}
</script>
</gm:page>
आगे क्या करना है?
अपना मैशअप पब्लिश करने के बाद, आप KML फ़ाइल का इस्तेमाल किसी दूसरे ऐप्लिकेशन में शामिल करने या सीधे मैप के तौर पर लोड करने के लिए, पैरामीटर के तौर पर कर सकते हैं. उदाहरण के लिए, यह पेज:
http://param.googlemashups.com एक GME मैशअप है. आप सीधे KML पैरामीटर को यूआरएल में पैरामीटर के तौर पर जोड़कर, मैशअप में रेफ़रंस दे सकते हैं. जैसे: http://param.googlemashups.com/?KML=http://mapgadgets.googlepages.com/cta.KMLआप अपने प्रोजेक्ट से गैजेट भी बना सकते हैं. इसे सबमिट करने के बाद, फ़ाइल मेनू पर जाएँ और गैजेट सबमिट करें पर क्लिक करें, और निर्देशों का पालन करें. इससे आप अपने ऐप्लिकेशन को आसानी से Google व्यक्तिगत होम पेज पर, दूसरे वेब पेजों पर जोड़ सकते हैं और इसे अन्य लोगों के साथ शेयर कर सकते हैं.