Huomautus:

Käytä Scribble Maps Connect Picker -valitsinta, kun haluat käyttäjien kirjautuvan Scribble Mapsiin, selaavan käytettävissä olevia karttojaan ja palauttavan karttatiedot suoraan verkkosovellukseesi.

 

Valitsin avautuu ponnahdusikkunassa ja hoitaa käyttäjän kirjautumisprosessin siellä, joten sovelluksesi ei tarvitse kerätä Scribble Maps -kirjautumistietoja suoraan.

Sisältö

Miten Connect Picker toimii

Scribble Maps Connect Picker -valitsin antaa käyttäjiesi selata, hakea ja valita karttoja Scribble Mapsista ja palauttaa kyseiset karttatiedot suoraan sovellukseesi valitsemassasi muodossa.

Tämä on hyödyllistä, kun haluat käyttäjien luovan tai hallitsevan paikkatietoja Scribble Mapsissa ja lataavan tiedot sitten omaan sovellukseesi ilman, että sinun tarvitsee rakentaa omaa karttaselainta tai kirjautumisprosessia.

Käyttötapaus / Esimerkki:

Tämä integraatio on hyödyllinen kojelaudoissa, kiinteistötyökaluissa, kenttätietosovelluksissa ja muissa verkkosovelluksissa, joissa käyttäjien on valittava ja ladattava kartoitettuja tietoja Scribble Mapsista.

Näytä sisältö ↑

Hanki Client ID -tunnuksesi

1. Avaa Scribble Maps -kehittäjäsivusto:
   https://developers.scribblemaps.com

    

2. Rekisteröi ilmainen projekti.

    

3. Kopioi Client ID -tunnuksesi.

   Käytät tätä arvoa, kun kutsut Connect Picker -valitsinta.

Näytä sisältö ↑

Lisää SDK sivullesi

1. Lisää verkkosivullesi Connect Picker SDK:

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

    

2. Tallenna sivun muutokset.

   Scribble Maps Connect Picker on nyt sovelluksesi käytettävissä.

Näytä sisältö ↑

Avaa Connect Picker

1. Kutsu ScribbleMapsConnect.pick() sivultasi.

    

2. Välitä clientId, haluamasi vientimuoto format sekä onSelect -takaisinkutsu.

    

3. Käytä seuraavan esimerkin kaltaista koodia:

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

   Kun valitsin avautuu, käyttäjä voi tunnistautua, selata käytettävissä olevia karttojaan ja valita niistä yhden.

Näytä sisältö ↑

Käsittele valitut karttatiedot

1. Kohdassa onSelect -takaisinkutsu, käytä kohdetta result.data.

   Tämä sisältää karttatiedot pyytämässäsi muodossa.
    

2. (Valinnainen) Käytä palautettuja lisäkenttiä:

   • result.title — kartan otsikko
   • result.mapCode — Scribble Maps -karttakoodi
   • result.thumbUrl — kartan pikkukuvan URL-osoite
    

3. Välitä tiedot sovelluslogiikkaasi.

   Lataa esimerkiksi palautettu GeoJSON omaan karttakatselimeesi tai tietotyönkulkuusi.

Näytä sisältö ↑

Valinnainen määritys

Voit määrittää valitsimen sopimaan paremmin sovelluksesi työnkulkuun.

1. Valitse vientimuoto muuttamalla format -arvoa.

   Esimerkiksi: geojson, kml, csv, gpx, dxf, shapefile, tai smjson.
    

2. Valitse, mitä karttalähteitä käyttäjät voivat selata käyttämällä tabs -vaihtoehtoa.

   Käyttäjät voivat selata karttoja henkilökohtaisesta kirjastostaan, tiimin jaetuista kartoistatai yhteisön kokoelmasta.
    
3. (Valinnainen) Käytä mukana toimitettuja painiketyylejä vastaamaan vaaleaa tai tummaa käyttöliittymää.

Näytä sisältö ↑

Tuetut muodot ja palautetut kentät

Tuetut vientimuodot:

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

Palautetut tuloskentät:

• data
• title
• mapCode
• thumbUrl

Kun määritykset on tehty, Connect Picker antaa käyttäjillesi pääsyn heidän Scribble Maps -tietoihinsa suoraan sovelluksestasi yhden integraatiopisteen kautta.

Liittyvät aiheet

Scribble Maps -kehittäjät

Scribble Maps Connect Picker -valitsin

Tiedostojen ja tietojen tuonti/vienti - GeoJSON, kuvat, PDF, CSV, KML, GXP, SHP, DXF, SMJSON, SMT, WKT jne.

Tuonti/vienti: kuvaukset, esimerkit, rajoitukset ja kiertotavat - CSV, DXF, GeoJSON, GPX, KML, KMZ, SHP