अपने ऐप में ScribbleMaps जोड़ें
नोट:जब आप चाहते हैं कि उपयोगकर्ता Scribble Maps में साइन इन करें, अपने उपलब्ध मानचित्रों को ब्राउज़ करें, और मानचित्र डेटा सीधे आपके वेब एप्लिकेशन पर वापस भेजें, तब ScribbleMaps Connect Picker का उपयोग करें।पिकर एक पॉपअप में खुलता है और वहां उपयोगकर्ता साइन-इन प्रक्रिया को संभालता है, इसलिए आपके एप्लिकेशन को सीधे Scribble Maps क्रेडेंशियल एकत्र करने की आवश्यकता नहीं होती है।
विषय-सूची
अपना Client ID प्राप्त करें
अपने पेज पर SDK जोड़ें
Connect Picker खोलें
चयनित मानचित्र डेटा को संभालें
वैकल्पिक कॉन्फ़िगरेशन
समर्थित फ़ॉर्मेट और लौटाए गए फ़ील्ड
Connect Picker कैसे काम करता है
ScribbleMaps Connect Picker आपके उपयोगकर्ताओं को Scribble Maps से मानचित्रों को ब्राउज़ करने, खोजने और चुनने की अनुमति देता है, और फिर उस मानचित्र डेटा को सीधे आपके द्वारा चुने गए फ़ॉर्मेट में आपके एप्लिकेशन पर वापस भेजता है।
यह तब उपयोगी होता है जब आप चाहते हैं कि उपयोगकर्ता Scribble Maps में जियोडेटा (geodata) बनाएं या प्रबंधित करें और फिर अपना खुद का मैप ब्राउज़र या साइन-इन फ़्लो बनाए बिना उस डेटा को अपने ऐप में लोड करें।
उपयोग का मामला / उदाहरण:
यह एकीकरण डैशबोर्ड, प्रॉपर्टी टूल, फ़ील्ड-डेटा एप्लिकेशन और अन्य वेब ऐप्स के लिए उपयोगी है, जिन्हें उपयोगकर्ताओं द्वारा Scribble Maps से मैप किए गए डेटा को चुनने और लोड करने की आवश्यकता होती है।
अपना Client ID प्राप्त करें
-
Scribble Maps डेवलपर साइट खोलें:
https://developers.scribblemaps.com -
एक मुफ़्त प्रोजेक्ट पंजीकृत करें।
-
अपना Client ID कॉपी करें।
आप Connect Picker को कॉल करते समय इस मान का उपयोग करेंगे।
अपने पेज पर SDK जोड़ें
-
अपने वेब पेज में, Connect Picker SDK जोड़ें:
<script src="https://api.scribblemaps.com/connect/picker.js"></script>
-
अपने पेज के परिवर्तनों को सहेजें।
Scribble Maps Connect Picker अब आपके एप्लिकेशन के लिए उपलब्ध है।
Connect Picker खोलें
-
अपने पेज से ScribbleMapsConnect.pick() को कॉल करें।
-
अपना clientId, अपनी पसंद का एक्सपोर्ट format, और एक onSelect कॉलबैक पास करें।
-
निम्नलिखित उदाहरण के समान कोड का उपयोग करें:
ScribbleMapsConnect.pick({ clientId: 'YOUR_CLIENT_ID', format: 'geojson', onSelect: function (result) { // result.data contains your GeoJSON // result.title, result.mapCode, result.thumbUrl also available loadIntoMyApp(result.data); } });जब पिकर खुलता है, तो उपयोगकर्ता प्रमाणित कर सकता है, अपने उपलब्ध मानचित्रों को ब्राउज़ कर सकता है, और किसी एक को चुन सकता है।
चयनित मानचित्र डेटा को संभालें
-
onSelect कॉलबैक में, result.data को एक्सेस करें।
इसमें आपके द्वारा अनुरोधित फ़ॉर्मेट में मानचित्र डेटा शामिल होता है। -
(वैकल्पिक) अतिरिक्त लौटाए गए फ़ील्ड का उपयोग करें:
- result.title — मानचित्र का शीर्षक
- result.mapCode — Scribble Maps मानचित्र कोड
- result.thumbUrl — मानचित्र के लिए एक थंबनेल URL
-
डेटा को अपने एप्लिकेशन लॉजिक में पास करें।
उदाहरण के लिए, लौटाए गए GeoJSON को अपने स्वयं के मानचित्र व्यूअर या डेटा वर्कफ़्लो में लोड करें।
वैकल्पिक कॉन्फ़िगरेशन
आप अपने एप्लिकेशन वर्कफ़्लो के साथ बेहतर तालमेल बिठाने के लिए पिकर को कॉन्फ़िगर कर सकते हैं।
-
format मान को बदलकर एक्सपोर्ट फ़ॉर्मेट चुनें।
उदाहरण के लिए: geojson, kml, csv, gpx, dxf, shapefile, या smjson। -
tabs विकल्प के साथ चुनें कि उपयोगकर्ता किन मानचित्र स्रोतों को ब्राउज़ कर सकते हैं।
उपयोगकर्ता अपनी personal library, team-shared maps, या community collection से मानचित्र ब्राउज़ कर सकते हैं। - (वैकल्पिक) light या dark इंटरफ़ेस से मेल खाने के लिए शामिल बटन शैलियों का उपयोग करें।
समर्थित फ़ॉर्मेट और लौटाए गए फ़ील्ड
समर्थित एक्सपोर्ट फ़ॉर्मेट:
- GeoJSON
- KML
- CSV
- GPX
- DXF
- Shapefile
- SMJSON
लौटाए गए परिणाम फ़ील्ड:
- data
- title
- mapCode
- thumbUrl
एक बार कॉन्फ़िगर होने के बाद, Connect Picker आपके उपयोगकर्ताओं को एकल एकीकरण बिंदु के माध्यम से सीधे आपके एप्लिकेशन के भीतर से उनके Scribble Maps डेटा तक पहुंच प्रदान करता है।
संबंधित
अंतिम अपडेट