低代码平台的集成能力：活字格插件应用实战

作者：袖梨 2026-08-19

引言

低代码开发与代码开发共存已成为企业数字化转型中的常态。作为一种长期发展的技术路径，低代码平台将常用功能封装为可视化组件，使开发者能够更专注于业务逻辑与页面设计，从而在提升效率的同时保持开发的灵活性。

众所周知，低代码平台能显著提升开发效率、加速项目交付并支持快速迭代。这主要得益于两大优势：一是直观的可视化界面和拖拉拽的开发方式；二是丰富的预置组件与前后端命令，这些功能大多通过插件形式提供，开箱即用。本文将结合活字格平台，深入探讨如何借助其丰富的插件生态构建实际应用。

一、百度地图集成：从定位到业务应用

在燃气配送、广告业务线下拓客、考勤打卡等场景中，地理位置信息至关重要。例如：

燃气配送：登记客户地址并定位，方便配送员规划路线和导航
广告拓客：业务员扫街时记录客户位置，形成线索。

借助活字格的百度地图插件（百度地图 - 葡萄城市场），可轻松实现坐标获取。

获取经纬度后，可通过逆地理编码接口转换为详细地址，并通过活字格的 JS API 回填到页面：

var myGeo = new BMapGL.Geocoder();myGeo.getLocation(new BMapGL.Point(Forguncy.CommandHelper.getVariableValue("经度"), Forguncy.CommandHelper.getVariableValue("纬度")), function (result) {    if (result) {        Forguncy.Page.getCell("LOCATION").setValue(result.address)    }});

此外，系统可支持"一键导航"功能，调用百度/高德地图等本地导航软件，进一步提升业务便捷性。

注意：在配送员掉起本地高德导航时，可通过坐标转换接口将BD09百度坐标系转换为高德GCJ-02火星坐标系经纬度。

var baidu = [Forguncy.Page.getCell("baidu_lng").getValue(),                 Forguncy.Page.getCell("baidu_lat").getValue()]; //var baidu = [116.4798674287,39.9989020876]AMap.convertFrom(baidu, "baidu", function (status, result) {  //status：complete 表示查询成功，no_data 为查询无结果，error 代表查询错误  //查询成功时，result.locations 即为转换后的高德坐标系  if (status === "complete" && result.info === "ok") {    let lng = result.locations[0].lng;    let lat = result.locations[0].lat;  }});

二、基于位置的数据筛选：附近客户查询

在拓客过程中，业务员常需要查看附近的已有客户。此时，可将客户经纬度存入数据库，并利用 Haversine 公式计算距离。以下为 MySQL 中的实现示例：

SELECT    `ID`,    `Name`,    `lng`,    `lat`,    -- 计算当前位置与客户位置的球面距离（单位：米）    6371000 * 2 * ASIN(        SQRT(            SIN(RADIANS((lat - @lat)/2)) * SIN(RADIANS((lat - @lat)/2)) +            COS(RADIANS(@lat)) * COS(RADIANS(lat)) *            SIN(RADIANS((lng - @lng)/2)) * SIN(RADIANS((lng - @lng)/2))        )    ) AS distance_mFROM `ad_customers_info`-- 筛选距离≤radius半径的客户HAVING distance_m <= @radius-- 按距离由近到远排序ORDER BY distance_m ASC;

在活字格中，可通过"执行 SQL 命令"（内置）与"JSON 数据导入表格"（JSON数据源 - 葡萄城市场）功能，快速实现附近客户的查询与展示。