Додај 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-то на твојата страница
-
На твојата веб-страница додај го SDK-то на Connect Picker:
<script src="https://api.scribblemaps.com/connect/picker.js"></script>
-
Зачувај ги промените на страницата.
Scribble Maps Connect Picker сега е достапен за твојата апликација.
Отвори го Connect Picker
-
Повикај ја ScribbleMapsConnect.pick() од твојата страница.
-
Проследи го твојот clientId, саканиот format за извоз и callback-от onSelect.
-
Користи код сличен на следниов пример:
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-от, корисникот може да се автентицира, да ги прелистува своите достапни мапи и да избере една.
Обработи ги избраните податоци од мапата
-
Во callback-от onSelect, пристапи до 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
Последно ажурирање