Napomena:

Koristite ScribbleMaps Connect Picker kada želite da se korisnici prijave u Scribble Maps, pregledaju svoje dostupne karte i vrate podatke karte izravno u vašu web aplikaciju.

 

Picker se otvara u skočnom prozoru i tamo obrađuje postupak prijave korisnika, tako da vaša aplikacija ne mora izravno prikupljati vjerodajnice za Scribble Maps.

Sadržaj

Kako radi Connect Picker

ScribbleMaps Connect Picker omogućuje vašim korisnicima da pregledavaju, pretražuju i odabiru karte iz Scribble Maps, a zatim te podatke karte vrate izravno u vašu aplikaciju u formatu koji odaberete.

To je korisno kada želite da korisnici izrađuju geopodatke ili upravljaju njima u Scribble Maps, a zatim ih učitaju u vašu aplikaciju bez potrebe da sami izrađujete preglednik karata ili postupak prijave.

Slučaj upotrebe / Primjer:

Ova je integracija korisna za nadzorne ploče, alate za nekretnine, aplikacije za terenske podatke i druge web aplikacije u kojima korisnici trebaju odabrati i učitati kartirane podatke iz Scribble Maps.

Prikaz sadržaja ↑

Nabavite svoj Client ID

1. Otvorite razvojnu stranicu Scribble Maps:
   https://developers.scribblemaps.com

    

2. Registrirajte besplatan projekt.

    

3. Kopirajte svoj Client ID.

   Ovu ćete vrijednost koristiti pri pozivanju Connect Pickera.

Prikaz sadržaja ↑

Dodajte SDK na svoju stranicu

1. Na svoju web stranicu dodajte Connect Picker SDK:

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

    

2. Spremite promjene na stranici.

   Scribble Maps Connect Picker sada je dostupan vašoj aplikaciji.

Prikaz sadržaja ↑

Otvorite Connect Picker

1. Pozovite ScribbleMapsConnect.pick() sa svoje stranice.

    

2. Proslijedite svoj clientId, željeni izvozni format i povratni poziv onSelect.

    

3. Koristite kod sličan sljedećem primjeru:

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

   Kada se picker otvori, korisnik se može prijaviti, pregledati svoje dostupne karte i odabrati jednu.

Prikaz sadržaja ↑

Obradite podatke odabrane karte

1. U povratnom pozivu onSelect pristupite polju result.data.

   Ono sadrži podatke karte u formatu koji ste zatražili.
    

2. (Neobavezno) Koristite dodatna vraćena polja:

   • result.title — naslov karte
   • result.mapCode — kôd karte u Scribble Maps
   • result.thumbUrl — URL sličice karte
    

3. Proslijedite podatke logici svoje aplikacije.

   Na primjer, učitajte vraćeni GeoJSON u vlastiti preglednik karata ili tijek rada s podacima.

Prikaz sadržaja ↑

Neobavezna konfiguracija

Picker možete konfigurirati tako da bolje odgovara tijeku rada vaše aplikacije.

1. Odaberite izvozni format promjenom vrijednosti format.

   Na primjer: geojson, kml, csv, gpx, dxf, shapefile ili smjson.
    

2. Odaberite koje izvore karata korisnici mogu pregledavati pomoću opcije tabs.

   Korisnici mogu pregledavati karte iz svoje osobne biblioteke, karata koje dijeli tim ili zajedničke kolekcije zajednice.
    
3. (Neobavezno) Koristite priložene stilove gumba kako bi odgovarali svijetlom ili tamnom sučelju.

Prikaz sadržaja ↑

Podržani formati i vraćena polja

Podržani izvozni formati:

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

Vraćena polja rezultata:

• data
• title
• mapCode
• thumbUrl

Nakon konfiguracije, Connect Picker vašim korisnicima daje pristup njihovim podacima iz Scribble Maps izravno iz vaše aplikacije putem jedne točke integracije.

Povezano

Scribble Maps Developers

Scribble Maps Connect Picker

Uvoz/Izvoz datoteka i podataka - GeoJSON, slike, PDF, CSV, KML, GXP, SHP, DXF, SMJSON, SMT, WKT itd.

Uvoz/Izvoz: opisi, primjeri, ograničenja i zaobilazna rješenja - CSV, DXF, GeoJSON, GPX, KML, KMZ, SHP