नोट:

जब तपाईं प्रयोगकर्ताहरूले Scribble Maps मा साइन इन गरून्, आफ्ना उपलब्ध नक्साहरू ब्राउज गरून् र नक्सा डेटा सिधै तपाईंको वेब एप्लिकेसनमा फर्काउन सकून् भन्ने चाहनुहुन्छ भने ScribbleMaps Connect Picker प्रयोग गर्नुहोस्।

 

पिकर पपअपमा खुल्छ र त्यहीं प्रयोगकर्ताको साइन-इन प्रक्रिया सम्हाल्छ, त्यसैले तपाईंको एप्लिकेसनले Scribble Maps का क्रेडेन्सियलहरू सिधै सङ्कलन गर्नु पर्दैन।

सामग्री

Connect Picker कसरी काम गर्छ

ScribbleMaps Connect Picker ले तपाईंका प्रयोगकर्ताहरूलाई Scribble Maps बाट नक्साहरू ब्राउज गर्न, खोज्न र चयन गर्न दिन्छ, अनि त्यो नक्सा डेटा तपाईंले रोजेको ढाँचामा सिधै तपाईंको एप्लिकेसनमा फर्काउँछ।

प्रयोगकर्ताहरूले Scribble Maps मा जियोडेटा बनाऊन् वा व्यवस्थापन गरून् र त्यसपछि आफ्नै नक्सा ब्राउजर वा साइन-इन प्रक्रिया नबनाई त्यो डेटा तपाईंको आफ्नै एपमा लोड गरून् भन्ने चाहनुहुन्छ भने यो उपयोगी हुन्छ।

प्रयोग केस / उदाहरण:

यो एकीकरण ड्यासबोर्डहरू, सम्पत्ति उपकरणहरू, फिल्ड-डेटा एप्लिकेसनहरू, र Scribble Maps बाट म्याप गरिएको डेटा चयन गरी लोड गर्न प्रयोगकर्ताहरू चाहिने अन्य वेब एपहरूका लागि उपयोगी छ।

सामग्री हेर्नुहोस् ↑

आफ्नो Client ID प्राप्त गर्नुहोस्

1. Scribble Maps को डेभलपर साइट खोल्नुहोस्:
   https://developers.scribblemaps.com

    

2. एउटा निःशुल्क प्रोजेक्ट दर्ता गर्नुहोस्।

    

3. आफ्नो Client ID प्रतिलिपि गर्नुहोस्।

   Connect Picker लाई कल गर्दा तपाईंले यो मान प्रयोग गर्नुहुनेछ।

सामग्री हेर्नुहोस् ↑

आफ्नो पृष्ठमा SDK थप्नुहोस्

1. आफ्नो वेब पृष्ठमा Connect Picker SDK थप्नुहोस्:

   <script src="https://api.scribblemaps.com/connect/picker.js"></script>

    

2. आफ्नो पृष्ठमा गरिएका परिवर्तनहरू बचत गर्नुहोस्।

   Scribble Maps Connect Picker अब तपाईंको एप्लिकेसनका लागि उपलब्ध छ।

सामग्री हेर्नुहोस् ↑

Connect Picker खोल्नुहोस्

1. आफ्नो पृष्ठबाट ScribbleMapsConnect.pick() कल गर्नुहोस्।

    

2. आफ्नो clientId, तपाईंलाई चाहिने निर्यात format, र एउटा onSelect कलब्याक पास गर्नुहोस्।

    

3. तलको उदाहरणजस्तै कोड प्रयोग गर्नुहोस्:

   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);
     }
   });

   पिकर खुलेपछि, प्रयोगकर्ताले प्रमाणीकरण गर्न, आफ्ना उपलब्ध नक्साहरू ब्राउज गर्न, र एउटा चयन गर्न सक्छन्।

सामग्री हेर्नुहोस् ↑

चयन गरिएको नक्सा डेटा सम्हाल्नुहोस्

1. onSelect कलब्याकमा, result.data पहुँच गर्नुहोस्।

   यसमा तपाईंले अनुरोध गरेको ढाँचामा नक्सा डेटा हुन्छ।
    

2. (वैकल्पिक) फर्काइएका अतिरिक्त फिल्डहरू प्रयोग गर्नुहोस्:

   • result.title — नक्साको शीर्षक
   • result.mapCode — Scribble Maps नक्सा कोड
   • result.thumbUrl — नक्साको थम्बनेल URL
    

3. डेटालाई आफ्नो एप्लिकेसन लजिकमा पास गर्नुहोस्।

   उदाहरणका लागि, फर्काइएको GeoJSON लाई आफ्नै नक्सा भ्यूअर वा डेटा वर्कफ्लोमा लोड गर्नुहोस्।

सामग्री हेर्नुहोस् ↑

वैकल्पिक कन्फिगरेसन

तपाईं आफ्नो एप्लिकेसन वर्कफ्लोसँग राम्ररी मेल खाने गरी पिकरलाई कन्फिगर गर्न सक्नुहुन्छ।

1. format मान परिवर्तन गरेर निर्यात ढाँचा चयन गर्नुहोस्।

   उदाहरणका लागि: geojson, kml, csv, gpx, dxf, shapefile, वा smjson।
    

2. tabs विकल्पको साथ प्रयोगकर्ताहरूले कुन नक्सा स्रोतहरू ब्राउज गर्न सक्छन् भन्ने छान्नुहोस्।

   प्रयोगकर्ताहरूले आफ्नो व्यक्तिगत पुस्तकालय, टोलीसँग साझा नक्साहरू, वा समुदाय सङ्ग्रह बाट नक्साहरू ब्राउज गर्न सक्छन्।
    
3. (वैकल्पिक) light वा dark इन्टरफेससँग मेल खाउन समावेश गरिएका बटन शैलीहरू प्रयोग गर्नुहोस्।

सामग्री हेर्नुहोस् ↑

समर्थित ढाँचाहरू र फर्काइने फिल्डहरू

समर्थित निर्यात ढाँचाहरू:

• GeoJSON
• KML
• CSV
• GPX
• DXF
• Shapefile
• SMJSON

फर्काइने नतिजा फिल्डहरू:

• data
• title
• mapCode
• thumbUrl

एक पटक कन्फिगर गरेपछि, Connect Picker ले तपाईंका प्रयोगकर्ताहरूलाई एउटै एकीकरण बिन्दु मार्फत तपाईंको एप्लिकेसनभित्रबाटै उनीहरूको Scribble Maps डेटामा पहुँच दिन्छ।

सम्बन्धित

Scribble Maps डेभलपरहरू

Scribble Maps Connect Picker

फाइल र डेटा इम्पोर्ट/निर्यात - GeoJSON, छविहरू, PDF, CSV, KML, GXP, SHP, DXF, SMJSON, SMT, WKT, आदि।

इम्पोर्ट/निर्यात: विवरण, उदाहरणहरू, प्रतिबन्धहरू र वैकल्पिक उपायहरू - CSV, DXF, GeoJSON, GPX, KML, KMZ, SHP