grid-webgl-openlayers

grid-webgl-openlayers 文档

OpenLayers + WebGL 网格色斑图与格点数值标注库的操作手册。

← 返回项目首页

---

目录

入门

文档	内容
快速上手	环境要求、架构约定、安装、最小示例、功能一览
数据格式	ArrayDataJson 字段说明与示例
示例合集	命令式 / Vue 完整 Demo、本地运行方式

API 参考

文档	内容
命令式 API	GridMapView.create 参数、GridMapViewApi 方法
Vue 组件	GredGridMap、GredLegendPanel、GredLegendSlider
图例与图层控制	createLegendPanel、双滑块、createLayerControlApi
鼠标拾取	onPointerMove、getValueAt
投影切换	refreshView、坐标转换工具
色带配置	ColorRampItem、工具函数

进阶

文档	内容
底层图层 API	单独使用 ChoroplethLayer / GridValueLayer
平台支持	浏览器、移动端、各框架适配说明
构建发布	npm run build:lib、导出文件、TypeScript 类型
npm 发布	发布到 npm 完整步骤
GitHub Pages 部署	在线 Demo 自动发布
GitHub Pages 部署	在线 Demo 自动发布

资源

资源	说明
演示 GIF 占位说明	如何录制并放置 demo.gif
示例数据	项目内置网格 JSON
命令式 Demo	开发环境完整示例
Vue Demo	Vue 3 集成示例

---

推荐阅读顺序

1. 快速上手 — 确认环境、跑通最小示例
2. 数据格式 — 准备自己的网格数据
3. 命令式 API 或 Vue 组件 — 按技术栈选读
4. 图例与图层控制 + 鼠标拾取 — 常用交互
5. 其余按需查阅

This site is open source. Improve this page.