Scribble Maps centar za pomoć
Promijeni jezik

Dodajte ScribbleMaps u svoju aplikaciju

Bilješka:
Koristi ScribbleMaps Connect Picker kada želite da se korisnici prijave na Scribble Maps, pregledaju svoje dostupne karte i vrate podatke karte direktno u vašu web aplikaciju.
 
Picker se otvara u skočnom prozoru i tamo obrađuje proces prijave korisnika, tako da vaša aplikacija ne mora direktno prikupljati vjerodajnice za Scribble Maps.

Sadržaj

 
 

Kako funkcioniše Connect Picker

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

Ovo je korisno kada želite da korisnici kreiraju ili upravljaju geopodacima u Scribble Maps, a zatim te podatke učitaju u vašu aplikaciju bez potrebe da gradite vlastiti preglednik karata ili tok prijave.

Slučaj upotrebe / Primjer:

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

Prikaz sadržaja ↑

 
 

Preuzmite svoj Client ID

  1. Otvori developer stranicu Scribble Maps:
    https://developers.scribblemaps.com

     
  2. Registruj se i kreirajte besplatan projekat.

     
  3. Kopiraj svoj Client ID.

    Ovu vrijednost ćete koristiti prilikom pozivanja Connect Pickera.

Prikaz sadržaja ↑

 
 

Dodaj SDK na svoju stranicu

  1. Na svojoj web stranici dodajte Connect Picker SDK:

    <script src="https://api.scribblemaps.com/connect/picker.js"></script>
     
  2. Sačuvaj promjene na stranici.

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

Prikaz sadržaja ↑

 
 

Otvori Connect Picker

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

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

     
  3. Koristi 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 odabrane podatke karte

  1. U onSelect povratnom pozivu pristupite result.data.

    Ovo sadrži podatke karte u formatu koji ste zatražili.
     
  2. (Opcionalno) Koristi dodatna vraćena polja:

    • result.title — naslov karte
    • result.mapCode — Scribble Maps kod karte
    • result.thumbUrl — URL sličice karte
     
  3. Proslijedite podatke u logiku svoje aplikacije.

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

Prikaz sadržaja ↑

 
 

Opcionalna konfiguracija

Picker možete konfigurisati tako da bolje odgovara toku rada vaše aplikacije.

  1. Odaberi format izvoza promjenom vrijednosti format.

    Na primjer: geojson, kml, csv, gpx, dxf, shapefile ili smjson.
     
  2. Odaberite koje izvore karata korisnici mogu pregledati pomoću opcije tabs.

    Korisnici mogu pregledati karte iz svoje lične biblioteke, karata dijeljenih u timu ili zajednice kolekcije.
     
  3. (Opcionalno) Koristi priložene stilove dugmadi da odgovaraju svijetlom ili tamnom interfejsu.

Prikaz sadržaja ↑

 
 

Podržani formati i vraćena polja

Podržani formati izvoza:
  • GeoJSON
  • KML
  • CSV
  • GPX
  • DXF
  • Shapefile
  • SMJSON
Vraćena polja rezultata:
  • data
  • title
  • mapCode
  • thumbUrl

Jednokratno konfigurisan, Connect Picker vašim korisnicima daje pristup njihovim Scribble Maps podacima direktno iz vaše aplikacije putem jedne tačke integracije.

 
 

Povezano

Scribble Maps Developers

Scribble Maps Connect Picker

Uvezi/Izvezi datoteke i podatke - GeoJSON, slike, PDF, CSV, KML, GXP, SHP, DXF, SMJSON, SMT, WKT, itd.

Uvezi/Izvezi: Opisi, primjeri, ograničenja i zaobilazna rješenja - CSV, DXF, GeoJSON, GPX, KML, KMZ, SHP

 
 

Posljednje ažuriranje