तुमच्या अ‍ॅपमध्ये ScribbleMaps जोडा
टीप:जेव्हा तुम्हाला वापरकर्त्यांनी Scribble Maps मध्ये साइन इन करावे, त्यांचे उपलब्ध नकाशे ब्राउझ करावेत आणि नकाशा डेटा थेट तुमच्या वेब अ‍ॅप्लिकेशनमध्ये परत मिळावा असे वाटत असेल तेव्हा ScribbleMaps Connect Picker वापरा.पिकर पॉपअपमध्ये उघडतो आणि वापरकर्त्याची साइन-इन प्रक्रिया तिथेच हाताळतो, त्यामुळे तुमच्या अ‍ॅप्लिकेशनला Scribble Maps क्रेडेन्शियल्स थेट गोळा करण्याची गरज नसते.
अनुक्रमणिका
तुमचा Client ID मिळवा
तुमच्या पेजमध्ये SDK जोडा
Connect Picker उघडा
निवडलेला नकाशा डेटा हाताळा
पर्यायी कॉन्फिगरेशन
समर्थित फॉरमॅट आणि परत मिळणारी फील्ड्स
Connect Picker कसा काम करतो
ScribbleMaps Connect Picker तुमच्या वापरकर्त्यांना Scribble Maps मधून नकाशे ब्राउझ करण्याची, शोधण्याची आणि निवडण्याची सुविधा देतो, आणि मग तो नकाशा डेटा तुम्ही निवडलेल्या फॉरमॅटमध्ये थेट तुमच्या अ‍ॅप्लिकेशनमध्ये परत करतो.
जेव्हा तुम्हाला वापरकर्त्यांनी Scribble Maps मध्ये जिओडेटा तयार करावा किंवा व्यवस्थापित करावा आणि मग तो डेटा स्वतःचा नकाशा ब्राउझर किंवा साइन-इन प्रवाह न बनवता तुमच्या स्वतःच्या अ‍ॅपमध्ये लोड करावा असे वाटते, तेव्हा हे उपयुक्त ठरते.
वापराचे प्रकरण / उदाहरण:
ही इंटिग्रेशन डॅशबोर्ड्स, प्रॉपर्टी टूल्स, फील्ड-डेटा अ‍ॅप्लिकेशन्स आणि वापरकर्त्यांना 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 पर्यायाने वापरकर्ते कोणते नकाशा स्रोत ब्राउझ करू शकतात ते निवडा.
वापरकर्ते त्यांच्या वैयक्तिक लायब्ररी, टीम-शेअर्ड नकाशे किंवा कम्युनिटी कलेक्शन मधील नकाशे ब्राउझ करू शकतात. - (पर्यायी) light किंवा dark इंटरफेसशी जुळण्यासाठी समाविष्ट बटण स्टाइल्स वापरा.
समर्थित फॉरमॅट आणि परत मिळणारी फील्ड्स
समर्थित एक्सपोर्ट फॉरमॅट:
- GeoJSON
- KML
- CSV
- GPX
- DXF
- Shapefile
- SMJSON
परत मिळणारी निकाल फील्ड्स:
- data
- title
- mapCode
- thumbUrl
एकदा कॉन्फिगर केल्यानंतर, Connect Picker तुमच्या वापरकर्त्यांना एकाच इंटिग्रेशन पॉइंटद्वारे तुमच्या अ‍ॅप्लिकेशनमधूनच त्यांच्या Scribble Maps डेटाचा अ‍ॅक्सेस देतो.
संबंधित
शेवटचे अद्यतन