নোট:

যখন আপনি চান ব্যবহারকারীরা 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