Notat:

Bruk ScribbleMaps Connect Picker når du vil at brukere skal logge inn på Scribble Maps, bla gjennom kartene sine og returnere kartdata direkte til webapplikasjonen din.

 

Velgeren åpnes i et popup-vindu og håndterer innloggingen der, slik at applikasjonen din ikke trenger å samle inn Scribble Maps-påloggingsinformasjon direkte.

Innhold

Slik fungerer Connect Picker

ScribbleMaps Connect Picker lar brukerne dine bla gjennom, søke etter og velge kart fra Scribble Maps, og deretter returnere kartdataene direkte til applikasjonen din i formatet du velger.

Dette er nyttig når du vil at brukere skal opprette eller administrere geodata i Scribble Maps og deretter laste dem inn i din egen app uten at du må bygge din egen kartleser eller innloggingsflyt.

Brukstilfelle / Eksempel:

Denne integrasjonen er nyttig for dashbord, eiendomsverktøy, feltdataapplikasjoner og andre webapper som trenger at brukere velger og laster inn kartlagte data fra Scribble Maps.

Vis innhold ↑

Hent Client ID-en din

1. Åpne utviklersiden til Scribble Maps:
   https://developers.scribblemaps.com

    

2. Registrer et gratis prosjekt.

    

3. Kopier Client ID-en din.

   Du bruker denne verdien når du kaller Connect Picker.

Vis innhold ↑

Legg til SDK-en på siden din

1. Legg til Connect Picker SDK-en på nettsiden din:

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

    

2. Lagre endringene på siden din.

   Scribble Maps Connect Picker er nå tilgjengelig for applikasjonen din.

Vis innhold ↑

Åpne Connect Picker

1. Kall ScribbleMapsConnect.pick() fra siden din.

    

2. Send inn clientId, eksportformatet du ønsker, og en onSelect-callback.

    

3. Bruk kode som ligner på følgende eksempel:

   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 velgeren åpnes, kan brukeren autentisere seg, bla gjennom tilgjengelige kart og velge ett.

Vis innhold ↑

Håndter de valgte kartdataene

1. Få tilgang til result.data i onSelect-callbacken.

   Dette inneholder kartdataene i formatet du ba om.
    

2. (Valgfritt) Bruk de ekstra returnerte feltene:

   • result.title — korttittelen
   • result.mapCode — Scribble Maps-kartkoden
   • result.thumbUrl — en miniatyrbilde-URL for kartet
    

3. Send dataene inn i applikasjonslogikken din.

   Last for eksempel den returnerte GeoJSON-en inn i din egen kartvisning eller dataarbeidsflyt.

Vis innhold ↑

Valgfri konfigurasjon

Du kan konfigurere velgeren slik at den passer bedre til arbeidsflyten i applikasjonen din.

1. Velg eksportformat ved å endre format-verdien.

   For eksempel: geojson, kml, csv, gpx, dxf, shapefile eller smjson.
    

2. Velg hvilke kartkilder brukere kan bla gjennom med tabs-alternativet.

   Brukere kan bla gjennom kart fra sitt personlige bibliotek, kart delt i teamet eller fellesskapssamlingen.
    
3. (Valgfritt) Bruk de medfølgende knappestilene for å tilpasse et lyst eller mørkt grensesnitt.

Vis innhold ↑

Støttede formater og returnerte felt

Støttede eksportformater:

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

Returnerte resultatfelt:

• data
• title
• mapCode
• thumbUrl

Én gang konfigurert gir Connect Picker brukerne dine tilgang til Scribble Maps-dataene sine direkte fra applikasjonen din gjennom ett enkelt integrasjonspunkt.

Relatert

Scribble Maps Developers

Scribble Maps Connect Picker

Importer/Eksporter filer og data - GeoJSON, bilder, PDF, CSV, KML, GXP, SHP, DXF, SMJSON, SMT, WKT osv.

Importer/Eksporter: Beskrivelser, eksempler, begrensninger og løsninger - CSV, DXF, GeoJSON, GPX, KML, KMZ, SHP