Додајте ScribbleMaps у своју апликацију
Белешка:Користи ScribbleMaps Connect Picker када желите да се корисници пријаве на Scribble Maps, прегледају своје доступне мапе и врате податке мапе директно у вашу веб апликацију.Picker се отвара у искачућем прозору и тамо обавља процес пријаве корисника, тако да ваша апликација не мора директно да прикупља Scribble Maps акредитиве.
Садржај
Преузмите свој Client ID
Додајте SDK на своју страницу
Отворите Connect Picker
Обрадите изабране податке мапе
Опциона конфигурација
Подржани формати и враћена поља
Како функционише Connect Picker
ScribbleMaps Connect Picker омогућава вашим корисницима да прегледају, претражују и бирају мапе са Scribble Maps, а затим да те податке мапе врате директно у вашу апликацију у формату који одаберете.
Ово је корисно када желите да корисници креирају или управљају геоподацима на Scribble Maps, а затим да учитају те податке у вашу апликацију без потребе да градите сопствени прегледач мапа или процес пријаве.
Случај коришћења / Пример:
Ова интеграција је корисна за контролне табле, алате за некретнине, апликације за теренске податке и друге веб апликације које захтевају да корисници изаберу и учитају мапиране податке са Scribble Maps.
Преузмите свој Client ID
-
Отвори Scribble Maps сајт за програмере:
https://developers.scribblemaps.com -
Региструј се и направите бесплатан пројекат.
-
Копирај свој Client ID.
Ову вредност ћете користити приликом позивања Connect Picker-а.
Додајте SDK на своју страницу
-
На својој веб страници додајте Connect Picker SDK:
<script src="https://api.scribblemaps.com/connect/picker.js"></script>
-
Сачувај измене на својој страници.
Scribble Maps Connect Picker је сада доступан вашој апликацији.
Отворите Connect Picker
-
Позовите ScribbleMapsConnect.pick() са своје странице.
-
Проследите свој clientId, жељени format извоза и onSelect callback.
-
Користи код сличан следећем примеру:
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); } });Када се picker отвори, корисник може да се аутентификује, прегледа своје доступне мапе и изабере једну.
Обрадите изабране податке мапе
-
У onSelect callback-у приступите result.data.
Ово садржи податке мапе у формату који сте затражили. -
(Опционо) Користи додатна враћена поља:
- result.title — наслов мапе
- result.mapCode — код мапе на Scribble Maps
- result.thumbUrl — URL сличице мапе
-
Проследите податке у логику своје апликације.
На пример, учитајте враћени GeoJSON у свој прегледач мапа или токове рада са подацима.
Опциона конфигурација
Picker можете подесити тако да боље одговара току рада ваше апликације.
-
Изабери формат извоза променом вредности format.
На пример: geojson, kml, csv, gpx, dxf, shapefile или smjson. -
Одаберите које изворе мапа корисници могу да прегледају помоћу опције tabs.
Корисници могу да прегледају мапе из своје личне библиотеке, мапа које дели тим или збирке заједнице. - (Опционо) Користи приложене стилове дугмади да одговарају светлом или тамном интерфејсу.
Подржани формати и враћена поља
Подржани формати извоза:
- GeoJSON
- KML
- CSV
- GPX
- DXF
- Shapefile
- SMJSON
Враћена поља резултата:
- data
- title
- mapCode
- thumbUrl
Једнократно подешен, Connect Picker вашим корисницима даје приступ њиховим Scribble Maps подацима директно из ваше апликације путем једне тачке интеграције.
Повезано
Увоз/Извези: описи, примери, ограничења и заобилазна решења - CSV, DXF, GeoJSON, GPX, KML, KMZ, SHP
Последње ажурирање