codecamp

定位

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,免费阅读超1000+编程语言教程
取消
确定
目录

报表设置

大屏设置

自定义页面设置

付费功能

开发者功能(需有代码基础)

关闭

MIP.setData({ 'pageTheme' : getCookie('pageTheme') || {'day':true, 'night':false}, 'pageFontSize' : getCookie('pageFontSize') || 20 }); MIP.watch('pageTheme', function(newValue){ setCookie('pageTheme', JSON.stringify(newValue)) }); MIP.watch('pageFontSize', function(newValue){ setCookie('pageFontSize', newValue) }); function setCookie(name, value){ var days = 1; var exp = new Date(); exp.setTime(exp.getTime() + days*24*60*60*1000); document.cookie = name + '=' + value + ';expires=' + exp.toUTCString(); } function getCookie(name){ var reg = new RegExp('(^| )' + name + '=([^;]*)(;|$)'); return document.cookie.match(reg) ? JSON.parse(document.cookie.match(reg)[2]) : null; }