Cathetan:

Gunakake ScribbleMaps Connect Picker nalika sampeyan pengin pangguna mlebu menyang Scribble Maps, nelusuri peta sing kasedhiya, lan ngirim data peta langsung menyang aplikasi web sampeyan.

 

Picker mbukak ing popup lan nangani proses mlebu pangguna ing kana, dadi aplikasi sampeyan ora perlu ngumpulake kredensial Scribble Maps kanthi langsung.

Isi

Cara kerja Connect Picker

ScribbleMaps Connect Picker ngidini pangguna sampeyan nelusuri, nggoleki, lan milih peta saka Scribble Maps, banjur ngirim data peta kasebut langsung menyang aplikasi sampeyan kanthi format sing sampeyan pilih.

Iki migunani nalika sampeyan pengin pangguna nggawe utawa ngatur geodata ing Scribble Maps banjur ngunggah data kasebut menyang aplikasi sampeyan dhewe tanpa kudu nggawe panelusur peta utawa alur mlebu dhewe.

Kasus Panggunaan / Tuladha:

Integrasi iki migunani kanggo dashboard, piranti properti, aplikasi data lapangan, lan aplikasi web liyane sing mbutuhake pangguna milih lan ngunggah data peta saka Scribble Maps.

Tampilan Isi ↑

Entuk Client ID sampeyan

1. Bukak situs pangembang Scribble Maps:
   https://developers.scribblemaps.com

    

2. Daftar proyek gratis.

    

3. Salin Client ID sampeyan.

   Sampeyan bakal nggunakake nilai iki nalika nelpon Connect Picker.

Tampilan Isi ↑

Tambahake SDK menyang kaca sampeyan

1. Ing kaca web sampeyan, tambahake SDK Connect Picker:

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

    

2. Simpen owah-owahan kaca sampeyan.

   Scribble Maps Connect Picker saiki wis kasedhiya kanggo aplikasi sampeyan.

Tampilan Isi ↑

Bukak Connect Picker

1. Panggil ScribbleMapsConnect.pick() saka kaca sampeyan.

    

2. Kirim clientId sampeyan, format ekspor sing dikarepake, lan callback onSelect.

    

3. Gunakake kode sing meh padha karo tuladha ing ngisor iki:

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

   Nalika picker mbukak, pangguna bisa mlebu, nelusuri peta sing kasedhiya, lan milih salah sijine.

Tampilan Isi ↑

Nangani data peta sing dipilih

1. Ing callback onSelect, akses result.data.

   Iki ngemot data peta ing format sing sampeyan jaluk.
    

2. (Opsional) Gunakake kolom tambahan sing dibalekake:

   • result.title — judhul peta
   • result.mapCode — kode peta Scribble Maps
   • result.thumbUrl — URL gambar cilik kanggo peta
    

3. Kirim data menyang logika aplikasi sampeyan.

   Contone, unggah GeoJSON sing dibalekake menyang panampil peta utawa alur kerja data sampeyan dhewe.

Tampilan Isi ↑

Konfigurasi opsional

Sampeyan bisa ngatur picker supaya luwih cocog karo alur kerja aplikasi sampeyan.

1. Pilih format ekspor kanthi ngowahi nilai format.

   Contone: geojson, kml, csv, gpx, dxf, shapefile, utawa smjson.
    

2. Pilih sumber peta endi sing bisa ditelusuri pangguna nganggo opsi tabs.

   Pangguna bisa nelusuri peta saka pustaka pribadi, peta sing dienggo bareng tim, utawa koleksi komunitas.
    
3. (Opsional) Gunakake gaya tombol sing kasedhiya supaya cocog karo antarmuka light utawa dark.

Tampilan Isi ↑

Format sing didhukung lan kolom sing dibalekake

Format ekspor sing didhukung:

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

Kolom asil sing dibalekake:

• data
• title
• mapCode
• thumbUrl

Sapisan wis dikonfigurasi, Connect Picker menehi pangguna sampeyan akses menyang data Scribble Maps langsung saka ing aplikasi sampeyan liwat siji titik integrasi.

Gegandhengan

Scribble Maps Developers

Scribble Maps Connect Picker

Impor/Ekspor File & Data - GeoJSON, gambar, PDF, CSV, KML, GXP, SHP, DXF, SMJSON, SMT, WKT, lsp.

Impor/Ekspor: Katrangan, Tuladha, Watesan lan Solusi Alternatif - CSV, DXF, GeoJSON, GPX, KML, KMZ, SHP