定位

2022-02-22 10:15 更新

1. 定位组件基础介绍

1.1 什么是定位组件

一款可以在移动端获取地理位置信息的组件

1.2 使用场景

  • 基于指定区域的员工考勤打卡上报系统
  • 表单收集填报时,提交当前填报人的所在真实位置(实人实地,防作弊)
  • 基于地理位置的地址 POI 信息管理系统
  • 目前仅支持移动端定位(电脑端会引导提示)

2. 功能介绍

2.1 自动获取定位

  • 如果开启了手机定位权限,在进入提交页面后,定位组件会自动获取当前所在位置,并将信息显示在定位组件展示框中,开启自动定位的操作如下:

开启自动获取定位功能

效果展示如下:

2.2 允许微调

  • 支持手机端在获取定位的过程中,基于当前所在位置作为中心点,在指定半径的圆形范围内,选取其他的 POI 地点信息
  • 微调的半径范围支持设置为 100 米~5000 米

开启允许微调功能

2.3 设置定位区域

  • 可以设置定位中心规则,将可选位置限制在指定区域内,比如设置的定位地址是杭州东站,设置的定位范围是 500 米,那么在杭州东站 500 米范围内才可定位。

开启设置定位区域功能

新增定位中心

2.4 当定位组件的状态设置只读时移动端不可以定位

需要自动获取定位,需要将定位组件的状态修改为普通,目前只有普通状态下才可以自动获取定位

仅移动端【普通】状态下有效

2.5 定位组件的数据格式

{ 
    "regionIds": [330000, 330100, 330110, 330110005], 
    "regionText": [
        { "en_US": "zhe jiang sheng", "pureEn_US": "zhe jiang sheng", "type": "i18n", "zh_CN": "浙江省" }, 
        { "en_US": "hang zhou shi", "pureEn_US": "hang zhou shi", "type": "i18n", "zh_CN": "杭州市" }, 
        { "en_US": "yu hang qu", "pureEn_US": "yu hang qu", "type": "i18n", "zh_CN": "余杭区" }, 
        { "en_US": "wu chang jie dao", "pureEn_US": "wu chang jie dao", "type": "i18n", "zh_CN": "五常街道" }
    ],
     "region": "浙江省杭州市余杭区五常街道", 
     "address": "良睦路靠近乐佳国际", 
     "longitude": 120.009174, 
     "latitude": 30.27976 
}

3. 效果展示

此处为语雀视频卡片,点击链接查看:

定位.mp4

温馨小提示:视频属于手机录屏,无语音讲解


以上内容是否对您有帮助:
在线笔记
App下载
App下载

扫描二维码

下载编程狮App

公众号
微信公众号

编程狮公众号