નોંધ:

જ્યારે તમે ઇચ્છો કે વપરાશકર્તાઓ 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. (વૈકલ્પિક) લાઇટ અથવા ડાર્ક ઇન્ટરફેસ સાથે મેળ બેસાડવા માટે શામેલ બટન શૈલીઓ વાપરો.

અનુક્રમણિકા જુઓ ↑

સમર્થિત ફોર્મેટ અને પરત મળતા ફીલ્ડ

સમર્થિત નિકાસ ફોર્મેટ:

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

પરત મળતા પરિણામ ફીલ્ડ:

• data
• title
• mapCode
• thumbUrl

એક વાર ગોઠવાઈ જાય, પછી Connect Picker તમારા વપરાશકર્તાઓને એક જ ઇન્ટિગ્રેશન પોઇન્ટ દ્વારા તમારી એપ્લિકેશનની અંદરથી જ તેમના Scribble Maps ડેટાની ઍક્સેસ આપે છે.

સંબંધિત

Scribble Maps Developers

Scribble Maps Connect Picker

આયાત/નિકાસ ફાઇલો અને ડેટા - GeoJSON, ઇમેજ, PDF, CSV, KML, GXP, SHP, DXF, SMJSON, SMT, WKT, વગેરે.

આયાત/નિકાસ: વર્ણનો, ઉદાહરણો, પ્રતિબંધો અને વૈકલ્પિક ઉપાયો - CSV, DXF, GeoJSON, GPX, KML, KMZ, SHP