Anteckning:

Använd ScribbleMaps Connect Picker när du vill att användare ska logga in på Scribble Maps, bläddra bland sina tillgängliga kartor och skicka kartdata direkt till din webbapplikation.

 

Väljaren öppnas i ett popup-fönster och hanterar användarens inloggningsprocess där, så din applikation behöver inte samla in Scribble Maps-inloggningsuppgifter direkt.

Innehåll

Hur Connect Picker fungerar

ScribbleMaps Connect Picker låter dina användare bläddra, söka och välja kartor från Scribble Maps, och sedan skicka den kartdatan direkt till din applikation i det format du väljer.

Detta är användbart när du vill att användare ska skapa eller hantera geodata i Scribble Maps och sedan läsa in den datan i din egen app utan att bygga en egen kartbläddrare eller inloggningsflöde.

Användningsfall/Exempel:

Den här integrationen är användbar för instrumentpaneler, fastighetsverktyg, fältdataapplikationer och andra webbappar som behöver att användare väljer och läser in kartlagd data från Scribble Maps.

Visa innehåll ↑

Hämta ditt Client-ID

1. Öppna Scribble Maps utvecklarsida:
   https://developers.scribblemaps.com

    

2. Registrera ett gratis projekt.

    

3. Kopiera ditt Client-ID.

   Du kommer att använda detta värde när du anropar Connect Picker.

Visa innehåll ↑

Lägg till SDK:n på din sida

1. Lägg till Connect Picker SDK:n på din webbsida:

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

    

2. Spara ändringarna på din sida.

   Scribble Maps Connect Picker är nu tillgänglig för din applikation.

Visa innehåll ↑

Öppna Connect Picker

1. Anropa ScribbleMapsConnect.pick() från din sida.

    

2. Skicka med ditt clientId, det exportformat (format) du vill ha, och en onSelect-callback.

    

3. Använd kod liknande följande exempel:

   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 väljaren öppnas kan användaren autentisera sig, bläddra bland sina tillgängliga kartor och välja en.

Visa innehåll ↑

Hantera den valda kartdatan

1. I onSelect-callbacken, kom åt result.data.

   Detta innehåller kartdatan i det format du begärde.
    

2. (Valfritt) Använd de ytterligare returnerade fälten:

   • result.title — karttiteln
   • result.mapCode — Scribble Maps kartkoden
   • result.thumbUrl — en miniatyrbilds-URL för kartan
    

3. Skicka datan till din applikationslogik.

   Läs till exempel in den returnerade GeoJSON-datan i din egen kartvisare eller ditt dataarbetsflöde.

Visa innehåll ↑

Valfri konfiguration

Du kan konfigurera väljaren så att den bättre matchar din applikations arbetsflöde.

1. Välj exportformat genom att ändra värdet för format.

   Till exempel: geojson, kml, csv, gpx, dxf, shapefile, eller smjson.
    

2. Välj vilka kartkällor användare kan bläddra bland med alternativet tabs.

   Användare kan bläddra bland kartor från sitt personliga bibliotek, team-delade kartor, eller gemenskapssamlingen.
    
3. (Valfritt) Använd de medföljande knappstilarna för att matcha ett ljust eller mörkt gränssnitt.

Visa innehåll ↑

Format som stöds och returnerade fält

Exportformat som stöds:

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

Returnerade resultatfält:

• data
• title
• mapCode
• thumbUrl

När den är konfigurerad ger Connect Picker dina användare tillgång till sin Scribble Maps-data direkt inifrån din applikation genom en enda integrationspunkt.

Relaterat

Scribble Maps Developers

Scribble Maps Connect Picker

Importera/Exportera filer och data - GeoJSON, bilder, PDF, CSV, KML, GXP, SHP, DXF, SMJSON, SMT, WKT, osv.

Importera/Exportera: Beskrivningar, exempel, begränsningar och lösningar - CSV, DXF, GeoJSON, GPX, KML, KMZ, SHP