前言

汉得飞搭aPaaS低代码平台（FEIDA，以下简称“飞搭”）是基于低代码理念打造的融合 aPaaS 平台，助力企业快速搭建业务应用。作为 HZERO 生态的重要组成部分，致力于充分融合 HZERO 的各平台能力，提供企业用户在线化灵活搭建业务应用的能力，支撑企业普惠化（低门槛、高协作）、敏态化（高效率） 和低成本化地快速响应市场变化，加速复杂业务场景落地。

概要介绍

地图组件是一种交互式控件，用于展示地理信息、位置数据、坐标点等内容。飞搭目前已对接高德地图能力，为用户提供PC端与移动端地图组件，帮助用户轻松快捷地接入地图功能。

本篇将基于限制地址范围、维护地址信息两类场景介绍地图组件的常见用法：

• 限制地址范围：

在员工打卡、设备巡检、门店配送等场景中，为保证数据的真实性，常会限定数据提交时的地理位置范围，使用地图组件可以快速实现此类场景。

• 维护地址信息：

在物流配送等场景中，通常寄件人/收件人需要维护地址信息，使用地图组件可以帮助用户更直观的维护数据，为用户提供更好的体验。

下文以员工打卡、维护收货信息两个场景为例展开介绍。

一、员工打卡

01. 场景说明

员工考勤管理业务中，为获取真实的考勤信息，公司常会限定员工打卡的地理位置范围。为更准确且高效的实现此业务，我们可以通过地图组件限制员工的打卡范围。

02. 实现效果

03. 功能实现

首先可以使用打卡记录表单、打卡按钮等组件搭建员工打卡页面，再配置地图组件相关的功能，步骤如下：

• 选中“当前位置”地图字段，将“自动获取定位”修改为“是”。点击“可定位范围”的“添加定位中心”，添加定位中心并维护定位范围。

二、维护收货信息

01. 场景说明

物流业务中，寄件人需要维护收货地址信息。为实现此业务并给用户提供更好的体验，我们可以通过地图组件维护收货地址信息。

02. 实现效果

PC端：

移动端：

• 移动端支持将地址信息用一个或者多个字段存储。

1. 使用地图字段存储地址信息

2. 将地址信息分成多字段存储

03. 功能实现

PC端：

• 可以使用收货地址表单、保存按钮等组件搭建收货地址维护页面，使用地图字段默认的打开地图的功能即可完成地址信息的维护。

移动端

• 移动端支持将地址信息用一个或者多个字段存储。

1. 使用地图字段存储地址信息

可以使用收货地址表单、保存按钮等组件搭建收货地址维护页面，使用地图字段默认的打开地图的功能即可完成地址信息的维护。

2. 将地址信息分成多字段存储

首先可以使用收货地址表单、保存按钮、定位按钮等组件搭建收货地址维护页面，然后再配置地图组件相关的功能，配置逻辑如下：

• 使用移动端插件执行节点的地图插件，将地图中所选坐标点的地址信息出参至页面字段。

结语

飞搭低代码平台作为 HZERO 生态的重要组成部分，致力于充分融合 HZERO 的各平台能力，提供企业用户在线化灵活搭建业务应用的能力，支撑企业普惠化（低门槛、高协作）、敏态化（高效率） 和低成本化地快速响应市场变化，加速复杂业务场景落地。

本篇基于员工打卡、维护地址信息两个场景介绍了地图组件的常见用法，地图组件可以直观的在地图中展示地址信息，提升了用户体验和增加了应用的实用性！

接下来，我们将持续推出飞搭平台专题系列教程，帮助您更好地掌握飞搭平台的使用技巧，敬请期待！

联系我们

1. 如果您想了解飞搭更详细的功能介绍和产品信息请查阅我们的产品文档：

请在PC端打开 👉汉得焱牛开放平台

https://open.hand-china.com/document-center/doc/product/10001/10767?doc_code=197304

2. 如果您有疑问或者建议，可以通过开放平台进行工单反馈，问题分类请选择【产品/汉得aPaaS平台-飞搭】：

请在PC端打开👉汉得焱牛开放平台

3. 相关产品咨询或更多信息了解，欢迎联系我们。

邮箱：openhand@vip.hand-china.com