ScribbleMaps-ийг өөрийн аппдаа нэмэх
Тэмдэглэл:Хэрэглэгчид Scribble Maps-д нэвтэрч, боломжит газрын зургуудаа үзээд, газрын зургийн өгөгдлийг шууд таны вэб аппликейшн руу буцаахыг хүсвэл ScribbleMaps Connect Picker-ийг ашиглана уу.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 өгөгдөлд таны аппликейшн дотроос нэг интеграцийн цэгээр дамжуулан шууд хандах боломжийг олгоно.
Холбоотой
Сүүлд шинэчилсэн