Nota:

Gunakan ScribbleMaps Connect Picker apabila anda mahu pengguna log masuk ke Scribble Maps, melayari peta yang tersedia bagi mereka, dan memulangkan data peta terus ke aplikasi web anda.

 

Pemilih dibuka dalam tetingkap timbul dan mengendalikan proses log masuk pengguna di sana, supaya aplikasi anda tidak perlu mengumpul bukti kelayakan Scribble Maps secara langsung.

Kandungan

Cara Connect Picker berfungsi

ScribbleMaps Connect Picker membolehkan pengguna anda melayari, mencari dan memilih peta daripada Scribble Maps, kemudian memulangkan data peta tersebut terus ke aplikasi anda dalam format yang anda pilih.

Ini berguna apabila anda mahu pengguna mencipta atau mengurus geodata dalam Scribble Maps dan kemudian memuatkan data tersebut ke dalam aplikasi anda sendiri tanpa perlu membina pelayar peta atau aliran log masuk anda sendiri.

Kes Penggunaan / Contoh:

Integrasi ini berguna untuk papan pemuka, alat hartanah, aplikasi data lapangan, dan aplikasi web lain yang memerlukan pengguna memilih dan memuatkan data berpeta daripada Scribble Maps.

Paparan Kandungan ↑

Dapatkan Client ID anda

1. Buka laman pembangun Scribble Maps:
   https://developers.scribblemaps.com

    

2. Daftar projek percuma.

    

3. Salin Client ID anda.

   Anda akan menggunakan nilai ini apabila memanggil Connect Picker.

Paparan Kandungan ↑

Tambah SDK ke halaman anda

1. Dalam halaman web anda, Tambah SDK Connect Picker:

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

    

2. Simpan perubahan halaman anda.

   Scribble Maps Connect Picker kini tersedia untuk aplikasi anda.

Paparan Kandungan ↑

Buka Connect Picker

1. Panggil ScribbleMapsConnect.pick() daripada halaman anda.

    

2. Hantar clientId anda, format eksport yang anda mahu, dan panggil balik onSelect.

    

3. Gunakan kod yang serupa dengan contoh berikut:

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

   Apabila pemilih dibuka, pengguna boleh mengesahkan identiti, melayari peta yang tersedia bagi mereka, dan memilih satu.

Paparan Kandungan ↑

Kendalikan data peta yang dipilih

1. Dalam panggil balik onSelect, akses result.data.

   Ini mengandungi data peta dalam format yang anda minta.
    

2. (Pilihan) Gunakan medan tambahan yang dipulangkan:

   • result.title — tajuk peta
   • result.mapCode — kod peta Scribble Maps
   • result.thumbUrl — URL imej kecil bagi peta
    

3. Hantar data ke dalam logik aplikasi anda.

   Sebagai contoh, muatkan GeoJSON yang dipulangkan ke dalam pelihat peta atau aliran kerja data anda sendiri.

Paparan Kandungan ↑

Konfigurasi pilihan

Anda boleh mengkonfigurasi pemilih agar lebih sesuai dengan aliran kerja aplikasi anda.

1. Pilih format eksport dengan menukar nilai format.

   Contohnya: geojson, kml, csv, gpx, dxf, shapefile, atau smjson.
    

2. Pilih sumber peta yang boleh dilayari pengguna dengan pilihan tabs.

   Pengguna boleh melayari peta daripada pustaka peribadi mereka, peta yang dikongsi pasukan, atau koleksi komuniti.
    
3. (Pilihan) Gunakan gaya butang yang disertakan agar sepadan dengan antara muka cerah atau gelap.

Paparan Kandungan ↑

Format yang disokong dan medan yang dipulangkan

Format eksport yang disokong:

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

Medan hasil yang dipulangkan:

• data
• title
• mapCode
• thumbUrl

Sekali dikonfigurasi, Connect Picker memberi pengguna anda akses kepada data Scribble Maps mereka terus dari dalam aplikasi anda melalui satu titik integrasi.

Berkaitan

Scribble Maps Developers

Scribble Maps Connect Picker

Import/Eksport Fail & Data - GeoJSON, imej, PDF, CSV, KML, GXP, SHP, DXF, SMJSON, SMT, WKT, dll.

Import/Eksport: Penerangan, Contoh, Sekatan dan Penyelesaian Alternatif - CSV, DXF, GeoJSON, GPX, KML, KMZ, SHP