杨恒利个人头像

你好，我是杨恒利

一个专注于前端开发和可视化技术的工程师，致力于通过技术创新解决实际业务问题

React / Vue数据可视化Cesium 三维地图无人机地面站地图 SDK 作者11年工作经验
13834738983
13834738983@163.com

关于我

11年前端开发经验，专注于可视化技术和复杂业务场景的技术解决方案

我的技术理念

技术驱动业务

我坚信最好的产品源于对业务问题的深刻理解，通过技术手段提供优雅的解决方案。

用户体验至上

每一行代码都应该为用户创造价值，注重交互细节和性能优化。

持续学习成长

技术日新月异，保持学习热情，关注前沿技术，将新技术应用到实际项目中。

我的成长故事

【物联网可视化 & 无人机地面站 · 2022至今】
目前在升哲科技负责物联网感知数据的地图可视化方向，主导了灵雀无人机巡航平台 与灵思地图平台。近两年将地图能力从二维 Mapbox 全面升级到 Cesium 三维数字地球， 通过 MQTT 打通无人机实时飞控与遥测链路，接入 xgplayer + flv.js 实现 第一视角实时视频流。更进一步，我从零设计并发布了地图 SDK @uav/fly-map（Cesium 无人机地面站 SDK）， 配套 API 文档与示例仓库，成为团队多条业务线的地图底座——从功能实现者成长为能力沉淀者。

【教育科技深耕 · 2020-2022】
在鲸航科技专注出国留学教育产品，深度参与需求分析和产品设计。 开发了鲸准外教批改系统和鲸小爱背单词小程序，在React生态、 音视频处理、AI集成等技术领域取得突破。这段经历让我理解了 复杂业务场景下的技术挑战和解决思路。

【架构思维养成 · 2018-2020】
在智慧图科技期间，开始接触现代前端框架Vue，逐步承担前端架构设计责任。 这个阶段让我从纯粹的功能实现者转变为解决方案设计者，在交互体验和产品设计方面 形成了自己的见解，学会了如何平衡技术选型与业务需求。

【金融科技起点 · 2015-2017】
在展恒基金开始前端开发之路，从jQuery + Bootstrap的传统开发模式入手， 负责后台管理系统和数据监控页面构建。这段经历让我深入理解了用户交互行为分析、 数据处理优化，以及与后端的协作模式。同时独立完成微信公众号开发， 为后续的技术成长奠定了坚实基础。

11年技术路径：从传统Web开发到现代前端架构，从业务实现到技术创新， 每一段经历都是技术能力的跃升和视野的拓展。

核心能力矩阵

前端架构

精通现代前端框架和工程化技术

React/VueTypeScriptWebpack/Vite微前端

数据可视化

专业的数据展示和交互式可视化开发

EchartsD3.jsThree.jsWebGL

地图 & 三维

从二维地图到 Cesium 三维数字地球，并沉淀出地图 SDK

CesiumMapboxTurf.jsWebGISSDK 封装

移动开发

跨平台移动应用开发和优化

微信小程序Taro响应式设计PWA
0+
年工作经验
0
家知名公司
0+
个核心项目
0
个技术领域

精选项目

用结果说话，展示我在不同技术领域的实践成果和业务价值创造

可交互 Demo
🚁

灵雀无人机巡航平台

物联网 & 地图技术•前端技术负责人 / 地图 SDK 作者

接入大疆机场与无人机设备的智能巡航平台，基于 Cesium 三维数字地球实现航线规划、实时飞控、镜头云台控制与实时视频回传，服务安防巡逻、应急指挥等场景。

项目亮点

Cesium 三维飞控 | MQTT 实时遥测 | 实时视频流 | 大疆机场接入

技术栈
React 18TypeScriptViteCesiumMQTTAnt Design 5JotaiTurf.jsxgplayer / flv.js
核心成就
  • 基于 Cesium 从二维 Mapbox 升级到三维数字地球，支持地形、影像与实时航线渲染
  • 通过 MQTT 建立实时遥测链路，实现无人机飞控、镜头云台、喊话等毫秒级控制
  • 接入 xgplayer + flv.js 实现无人机第一视角实时视频流（FLV 低延迟）
打开 Demo
🧭

@uav/fly-map 地图 SDK

开源项目•SDK 作者 / 库设计者

面向无人机地面站的 Cesium 地图 SDK，我作为作者从零设计并发布到私有 npm 仓库。提供 Viewer 工厂、React 宿主组件、全局配置 Provider，配套 API 文档与可运行示例仓库，供公司多条业务线接入。

项目亮点

npm SDK 作者 | Cesium 封装 | 库设计 | 文档 + 示例

技术栈
CesiumTypeScriptVite (Library Mode)Reactnpm 私有仓库vite-plugin-cesium
核心成就
  • 设计 Viewer 工厂与 React 宿主组件 CesiumViewer，屏蔽 Cesium 初始化细节
  • 提供 UavMapConfigProvider 全局默认配置，实例级可局部覆盖底图/影像/地形
  • 通过 ionToken / viewerOptions 支持运行时注入配置，兼顾 B 端私有化部署
可交互 Demo
🗺️

灵思地图数据平台

数据可视化•前端架构师

面向 POI、设备、事件的物联网感知数据可视化平台，提供 AOI/POI 展示、设备状态、人车轨迹、事件引擎等多维度地图可视化与实时监控能力。

项目亮点

数据可视化 | 实时监控 | 地图引擎 | 组件复用

技术栈
ReactMapboxVChartJotaiWebSocketTypeScript
核心成就
  • 开发 AOI、POI、设备列表与点位展示功能
  • 实现事件引擎中网格点、聚合点的可视化
  • 构建人员、车辆活动轨迹追踪系统
打开 Demo
可交互 Demo
📚

鲸准外教批改系统

教育技术•前端开发工程师

中外教老师对学生作业和模考的智能批改平台，集成口语 AI 判分、客观题自动判分和真人模拟口语考试等多媒体评测功能。

项目亮点

教育科技 | AI 评分 | 音视频处理 | 题型组件化

技术栈
ReactReduxWebRTCWebSocketWeb Audio API
核心成就
  • 搭建 IELTS、TOEFL 学生端模考系统与组卷、批改业务模块
  • 用 React Hooks 封装单选、多选、填空、拖拽、口语等题型组件
  • 结合音频源码实现音频数据采集与实时波形展示
打开 Demo

专业技能

基于11年前端开发经验，掌握全栈技术体系，专注于可视化和现代化前端解决方案

0
技能领域
0
核心技能
0+
年经验
专家级 (90%+)
熟练级 (85-89%)
中级+ (75-84%)
AI技术
基础+ (70-79%)
HTML5(95%)
CSS3(95%)
JavaScript(95%)
React(95%)
Echarts(95%)
Ajax(95%)
Git(95%)
ES6+(95%)
Vue(90%)
React Hooks(90%)
Mapbox(90%)
TypeScript(90%)
Ant Design(90%)
微信小程序(90%)
Vite(90%)
RESTful API(90%)
Fetch API(90%)
npm/yarn/pnpm(90%)
Flexbox(88%)
Element UI(88%)
Redux(85%)
Bootstrap(85%)
VCharts(85%)
高德地图(85%)
Webpack(85%)
WebSocket(85%)
mpvue(85%)
Taro(85%)
ESLint(85%)
Prettier(85%)
Tailwind CSS(85%)
D3.js(80%)
Jotai(80%)
Mint UI(80%)
Umi(80%)
Storybook(80%)
微前端(80%)
Node.js(80%)
COZE(88%)
DIFY(85%)
MCP(80%)
Three.js(85%)Demo
React Three Fiber(80%)Demo
Cesium(88%)Demo
MQTT(85%)Demo
VChart(88%)
Ant Design 5(90%)
ahooks(88%)
Turf.js(82%)
xgplayer / FLV(82%)Demo
npm 包 / SDK 开发(85%)
Vite Library Mode(82%)
Gulp(75%)
Rollup(75%)
PWA(75%)
ServiceWorker(75%)
Koa(75%)
Express(70%)
持续学习新技术，保持技能栈的现代化和竞争力