Přidejte ScribbleMaps do své aplikace
Poznámka:ScribbleMaps Connect Picker použijte, pokud chcete, aby se uživatelé přihlásili do Scribble Maps, procházeli své dostupné mapy a vraceli data map přímo do vaší webové aplikace.Výběr se otevře v popup okně a tam zpracuje proces přihlášení uživatele, takže vaše aplikace nemusí přímo shromažďovat přihlašovací údaje ke Scribble Maps.
Obsah
Získejte svůj Client ID
Přidejte SDK na svou stránku
Otevřete Connect Picker
Zpracujte vybraná data mapy
Volitelná konfigurace
Podporované formáty a vrácená pole
Jak Connect Picker funguje
ScribbleMaps Connect Picker umožňuje vašim uživatelům procházet, vyhledávat a vybírat mapy ze Scribble Maps a poté tato data map vracet přímo do vaší aplikace ve formátu, který si zvolíte.
To je užitečné, pokud chcete, aby uživatelé vytvářeli nebo spravovali geodata ve Scribble Maps a poté tato data načítali do vaší vlastní aplikace, aniž byste museli vytvářet vlastní prohlížeč map nebo přihlašovací proces.
Příklad použití / Ukázka:
Tato integrace je užitečná pro nástěnky (dashboards), realitní nástroje, aplikace pro terénní data a další webové aplikace, které vyžadují, aby uživatelé vybírali a načítali zmapovaná data ze Scribble Maps.
Získejte svůj Client ID
-
Otevřete vývojářský web Scribble Maps:
https://developers.scribblemaps.com -
Zaregistrujte si bezplatný projekt.
-
Zkopírujte svůj Client ID.
Tuto hodnotu použijete při volání Connect Picker.
Přidejte SDK na svou stránku
-
Na svou webovou stránku přidejte Connect Picker SDK:
<script src="https://api.scribblemaps.com/connect/picker.js"></script>
-
Uložte změny na stránce.
Scribble Maps Connect Picker je nyní k dispozici pro vaši aplikaci.
Otevřete Connect Picker
-
Zavolejte ScribbleMapsConnect.pick() ze své stránky.
-
Předejte svůj clientId, požadovaný exportní format a zpětné volání onSelect.
-
Použijte kód podobný následujícímu příkladu:
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); } });Jakmile se výběr otevře, uživatel se může přihlásit, procházet své dostupné mapy a jednu vybrat.
Zpracujte vybraná data mapy
-
Ve zpětném volání onSelect přistupte k result.data.
To obsahuje data mapy v požadovaném formátu. -
(Volitelné) Použijte další vrácená pole:
- result.title — název mapy
- result.mapCode — kód mapy Scribble Maps
- result.thumbUrl — URL adresa náhledu mapy
-
Předejte data do logiky své aplikace.
Například načtěte vrácený GeoJSON do svého vlastního prohlížeče map nebo datového toku.
Volitelná konfigurace
Výběr můžete nakonfigurovat tak, aby lépe odpovídal pracovnímu postupu vaší aplikace.
-
Vyberte exportní formát změnou hodnoty format.
Například: geojson, kml, csv, gpx, dxf, shapefile nebo smjson. -
Zvolte, které zdroje map mohou uživatelé procházet pomocí možnosti tabs.
Uživatelé mohou procházet mapy ze své personal library, team-shared maps nebo community collection. - (Volitelné) Použijte přiložené styly tlačítek, aby odpovídaly light nebo dark rozhraní.
Podporované formáty a vrácená pole
Podporované exportní formáty:
- GeoJSON
- KML
- CSV
- GPX
- DXF
- Shapefile
- SMJSON
Vrácená pole výsledků:
- data
- title
- mapCode
- thumbUrl
Po nakonfigurování poskytuje Connect Picker vašim uživatelům přístup k jejich datům ze Scribble Maps přímo z vaší aplikace prostřednictvím jediného integračního bodu.
Související
Import/export souborů a dat - GeoJSON, obrázky, PDF, CSV, KML, GXP, SHP, DXF, SMJSON, SMT, WKT atd.
Import/export: Popisy, příklady, omezení a náhradní řešení - CSV, DXF, GeoJSON, GPX, KML, KMZ, SHP
Naposledy aktualizováno