Legg til ScribbleMaps i appen din
Notat:Bruk ScribbleMaps Connect Picker når du vil at brukarar skal logge inn på Scribble Maps, bla gjennom kartet dei har tilgang til og sende kartdata direkte attende til nettappen din.Veljaren opnar seg i eit sprettoppvindauge og tek seg av innlogginga der, slik at appen din ikkje treng å samle inn Scribble Maps-innloggingsopplysingar direkte.
Innhald
Hent Client ID-en din
Legg til SDK-en på sida di
Opne Connect Picker
Handsam dei valde kartdataa
Valfri konfigurasjon
Støtta format og returnerte felt
Slik fungerer Connect Picker
ScribbleMaps Connect Picker lèt brukarane dine bla gjennom, søkje i og velje kart frå Scribble Maps, og deretter sende kartdataa direkte attende til appen din i formatet du vel.
Dette er nyttig når du vil at brukarar skal opprette eller administrere geodata i Scribble Maps og så laste dei inn i appen din utan at du må bygge ein eigen kartvisar eller eit eige innloggingsløp.
Bruksområde / Døme:
Denne integrasjonen er nyttig for dashbord, eigedomsverktøy, feltdata-appar og andre nettappar som treng at brukarar vel og lastar inn kartlagde data frå Scribble Maps.
Hent Client ID-en din
-
Opne utviklarsida til Scribble Maps:
https://developers.scribblemaps.com -
Registrer eit gratis prosjekt.
-
Kopier Client ID-en din.
Du brukar denne verdien når du kallar Connect Picker.
Legg til SDK-en på sida di
-
Legg til Connect Picker-SDK-en på nettsida di:
<script src="https://api.scribblemaps.com/connect/picker.js"></script>
-
Lagre endringane på sida.
Scribble Maps Connect Picker er no tilgjengeleg for appen din.
Opne Connect Picker
-
Kall ScribbleMapsConnect.pick() frå sida di.
-
Send med clientId, eksportformatet du vil ha, og ein onSelect-callback.
-
Bruk kode som liknar på dette dømet:
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); } });Når veljaren opnar seg, kan brukaren logge inn, bla gjennom kartet sine og velje eitt.
Handsam dei valde kartdataa
-
I onSelect-callbacken får du tilgang til result.data.
Dette inneheld kartdataa i formatet du bad om. -
(Valfritt) Bruk dei andre returnerte felta:
- result.title — korleis kartet heiter
- result.mapCode — kartkoden til Scribble Maps
- result.thumbUrl — ein miniatyrbilete-URL for kartet
-
Send dataa vidare inn i applikasjonslogikken din.
Du kan til dømes laste det returnerte GeoJSON-et inn i din eigen kartvisar eller ditt eige dataarbeidsflyt.
Valfri konfigurasjon
Du kan konfigurere veljaren slik at han passar betre til arbeidsflyten i appen din.
-
Vel eksportformat ved å endre format-verdien.
Til dømes: geojson, kml, csv, gpx, dxf, shapefile eller smjson. -
Vel kva kartkjelder brukarane kan bla gjennom med tabs-alternativet.
Brukarar kan bla gjennom kart frå sitt personlege bibliotek, kart delte i teamet eller fellesskapssamlinga. - (Valfritt) Bruk dei medfølgjande knappestilane for å tilpasse eit lyst eller mørkt grensesnitt.
Støtta format og returnerte felt
Støtta eksportformat:
- GeoJSON
- KML
- CSV
- GPX
- DXF
- Shapefile
- SMJSON
Returnerte resultatfelt:
- data
- title
- mapCode
- thumbUrl
Når han er konfigurert, gir Connect Picker brukarane dine tilgang til Scribble Maps-dataa sine direkte frå appen din gjennom éitt enkelt integrasjonspunkt.
Relatert
Sist oppdatert