Nota:

Gebruik die ScribbleMaps Connect Picker wanneer jy wil hê gebruikers moet by Scribble Maps aanmeld, deur hul beskikbare kaarte blaai en kaartdata direk aan jou webtoepassing terugstuur.

 

Die picker maak in 'n opspringvenster oop en hanteer die gebruiker se aanmeldproses daar, sodat jou toepassing nie Scribble Maps-bewyse direk hoef in te samel nie.

Inhoud

Hoe die Connect Picker werk

Die ScribbleMaps Connect Picker laat jou gebruikers toe om kaarte van Scribble Maps te deursoek, te soek en te kies, en dan daardie kaartdata direk in die formaat van jou keuse aan jou toepassing terug te stuur.

Dit is nuttig wanneer jy wil hê gebruikers moet geodata in Scribble Maps skep of bestuur en dit dan in jou eie toepassing laai sonder dat jy jou eie kaartblaaier of aanmeldvloei hoef te bou.

Gebruiksgeval / Voorbeeld:

Hierdie integrasie is nuttig vir kontrolepanele, eiendomsinstrumente, velddatatoepassings en ander webtoepassings wat vereis dat gebruikers gekarteerde data van Scribble Maps kies en laai.

Bekyk inhoud ↑

Kry jou Client ID

1. Maak die Scribble Maps-ontwikkelaarswebwerf oop:
   https://developers.scribblemaps.com

    

2. Registreer 'n gratis projek.

    

3. Kopieer jou Client ID.

   Jy sal hierdie waarde gebruik wanneer jy die Connect Picker aanroep.

Bekyk inhoud ↑

Voeg die SDK by jou bladsy by

1. Voeg die Connect Picker SDK op jou webbladsy by:

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

    

2. Stoor jou bladsyveranderinge.

   Die Scribble Maps Connect Picker is nou beskikbaar vir jou toepassing.

Bekyk inhoud ↑

Maak die Connect Picker oop

1. Roep ScribbleMapsConnect.pick() vanaf jou bladsy aan.

    

2. Gee jou clientId, die uitvoer-format wat jy wil hê, en 'n onSelect-terugroepfunksie deur.

    

3. Gebruik kode soortgelyk aan die volgende voorbeeld:

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

   Wanneer die picker oopmaak, kan die gebruiker verifieer, deur hul beskikbare kaarte blaai en een kies.

Bekyk inhoud ↑

Hanteer die gekose kaartdata

1. Verkry toegang tot result.data in die onSelect-terugroepfunksie.

   Dit bevat die kaartdata in die formaat wat jy aangevra het.
    

2. (Opsioneel) Gebruik die bykomende teruggestuurde velde:

   • result.title — die kaarttitel
   • result.mapCode — die Scribble Maps-kaartkode
   • result.thumbUrl — 'n duimnaelprent-URL vir die kaart
    

3. Gee die data aan jou toepassingslogika deur.

   Laai byvoorbeeld die teruggestuurde GeoJSON in jou eie kaartkyker of data-werkvloei.

Bekyk inhoud ↑

Opsionele konfigurasie

Jy kan die picker konfigureer om beter by jou toepassing se werkvloei te pas.

1. Kies die uitvoerformaat deur die format-waarde te verander.

   Byvoorbeeld: geojson, kml, csv, gpx, dxf, shapefile of smjson.
    

2. Kies watter kaartbronne gebruikers kan deursoek met die tabs-opsie.

   Gebruikers kan deur kaarte van hul persoonlike biblioteek, span-gedeelde kaarte of die gemeenskapsversameling blaai.
    
3. (Opsioneel) Gebruik die ingeslote knoppiestyle om by 'n ligte of donker koppelvlak te pas.

Bekyk inhoud ↑

Ondersteunde formate en teruggestuurde velde

Ondersteunde uitvoerformate:

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

Teruggestuurde resultaatvelde:

• data
• title
• mapCode
• thumbUrl

Eenmalig gekonfigureer, gee die Connect Picker jou gebruikers toegang tot hul Scribble Maps-data direk binne jou toepassing deur middel van 'n enkele integrasiepunt.

Verwant

Scribble Maps-ontwikkelaars

Scribble Maps Connect Picker

Voer lêers en data in/uit - GeoJSON, beelde, PDF, CSV, KML, GXP, SHP, DXF, SMJSON, SMT, WKT, ens.

Voer in/uit: Beskrywings, voorbeelde, beperkings en oplossings - CSV, DXF, GeoJSON, GPX, KML, KMZ, SHP