Scribble Maps Hjælpecenter
Skift sprog

Tilføj ScribbleMaps til din app

Bemærk:
Brug ScribbleMaps Connect Picker, når du vil have brugere til at logge ind på Scribble Maps, gennemse deres tilgængelige kort og returnere kortdata direkte til din webapplikation.
 
Pickeren åbnes i en popup og håndterer brugerens loginproces der, så din applikation ikke behøver at indsamle Scribble Maps-loginoplysninger direkte.

Indhold

 
 

Sådan fungerer Connect Picker

ScribbleMaps Connect Picker giver dine brugere mulighed for at gennemse, søge i og vælge kort fra Scribble Maps og derefter returnere disse kortdata direkte til din applikation i det format, du vælger.

Dette er nyttigt, når du vil have brugere til at oprette eller administrere geodata i Scribble Maps og derefter indlæse disse data i din egen app uden at skulle bygge din egen kortbrowser eller dit eget loginflow.

Anvendelsesscenarie / Eksempel:

Denne integration er nyttig til dashboards, ejendomsværktøjer, feltdataapplikationer og andre webapps, hvor brugere skal vælge og indlæse kortlagte data fra Scribble Maps.

Vis indhold ↑

 
 

Hent dit Client ID

  1. Åbn Scribble Maps' udviklerwebsted:
    https://developers.scribblemaps.com

     
  2. Registrer et gratis projekt.

     
  3. Kopier dit Client ID.

    Du skal bruge denne værdi, når du kalder Connect Picker.

Vis indhold ↑

 
 

Tilføj SDK'et til din side

  1. Tilføj Connect Picker SDK'et på din webside:

    <script src="https://api.scribblemaps.com/connect/picker.js"></script>
     
  2. Gem dine ændringer på siden.

    Scribble Maps Connect Picker er nu tilgængelig for din applikation.

Vis indhold ↑

 
 

Åbn Connect Picker

  1. Kald ScribbleMapsConnect.pick() fra din side.

     
  2. Angiv dit clientId, det ønskede eksport-format og et onSelect-callback.

     
  3. Brug en kode, der ligner følgende eksempel:

    ScribbleMapsConnect.pick({
      clientId: 'YOUR_CLIENT_ID',
      format: 'geojson',
      onSelect: function (result) {
        // result.data indeholder din GeoJSON
        // result.title, result.mapCode, result.thumbUrl er også tilgængelige
        loadIntoMyApp(result.data);
      }
    });
    Når pickeren åbnes, kan brugeren godkende, gennemse sine tilgængelige kort og vælge et.

Vis indhold ↑

 
 

Håndter de valgte kortdata

  1. I onSelect-callbacket skal du tilgå result.data.

    Dette indeholder kortdataene i det format, du anmodede om.
     
  2. (Valgfrit) Brug de yderligere returnerede felter:

    • result.title — kortets titel
    • result.mapCode — Scribble Maps-kortkoden
    • result.thumbUrl — en URL til kortets miniaturebillede
     
  3. Send dataene videre til din applikationslogik.

    For eksempel kan du indlæse den returnerede GeoJSON i din egen kortviser eller dit eget dataworkflow.

Vis indhold ↑

 
 

Valgfri konfiguration

Du kan konfigurere pickeren, så den passer bedre til dit applikationsworkflow.

  1. Vælg eksportformatet ved at ændre værdien for format.

    For eksempel: geojson, kml, csv, gpx, dxf, shapefile eller smjson.
     
  2. Vælg, hvilke kortkilder brugerne kan gennemse med indstillingen tabs.

    Brugere kan gennemse kort fra deres personlige bibliotek, teamdelte kort eller fællesskabssamlingen.
     
  3. (Valgfrit) Brug de medfølgende knapstile til at matche en lys eller mørk grænseflade.

Vis indhold ↑

 
 

Understøttede formater og returnerede felter

Understøttede eksportformater:
  • GeoJSON
  • KML
  • CSV
  • GPX
  • DXF
  • Shapefile
  • SMJSON
Returnerede resultatfelter:
  • data
  • title
  • mapCode
  • thumbUrl

Når den er konfigureret, giver Connect Picker dine brugere adgang til deres Scribble Maps-data direkte inde fra din applikation via et enkelt integrationspunkt.

 
 

Relateret

Scribble Maps Developers

Scribble Maps Connect Picker

Import/eksport af filer og data - GeoJSON, billeder, PDF, CSV, KML, GXP, SHP, DXF, SMJSON, SMT, WKT osv.

Import/eksport: Beskrivelser, eksempler, begrænsninger og løsninger - CSV, DXF, GeoJSON, GPX, KML, KMZ, SHP

 
 

Senest opdateret