@dfsj/ol
v4.0.0-alpha.4
Published
二维地图库
Readme
@dfsj/ol
OpenLayers 二次封装库，提供二维地图构建能力，支持 WMS/WMTS/WFS 等标准 OGC 服务
简介
@dfsj/ol 是基于 OpenLayers 的二维 GIS 二次封装库，提供地图初始化、图层管理（WMS/WMTS/XYZ/矢量）、要素绘制编辑、测量标绘、投影转换等能力，支持 OGC 标准服务。
主要功能
- 地图初始化 - 统一 Map 创建配置
- 影像图层 - WMS / WMTS / XYZ 瓦片
- 矢量图层 - GeoJSON / WKT / Vector
- 要素管理 - 点线面要素绘制与编辑
- 测量工具 - 距离/面积测量
- 标绘工具 - 标注绘制
- 投影转换 - 坐标系互转（Proj）
安装
pnpm add @dfsj/ol快速开始
import { Map, ImageryLayer } from '@dfsj/ol'
// 初始化地图
const map = new Map({
target: 'map-container',
center: [116.397428, 39.90923], // [lng, lat]
zoom: 10
})
// 添加 OSM 瓦片图层
const layer = new ImageryLayer.OSM()
map.addLayer(layer)主要导出
| 导出名 | 类型 | 说明 |
|:------|:-----|:-----|
| Map | Class | 地图核心类 |
| ImageryLayer | Class | 影像图层集合 |
| VectorLayer | Class | 矢量图层 |
| MeasureTool | Class | 测量工具 |
| PlotTool | Class | 标绘工具 |
完整 API 文档请查看 在线文档站
使用要求
| 环境 | 要求 | |:-----|:-----| | Node.js | >=18.12.0 | | 框架依赖 | Vue >=3.3, ol >=7.x |
开发指南
git clone http://10.10.12.18/dfsj/dfsj
pnpm install
cd packages/ol
pnpm watch文档
许可证
Copyright (c) 2022 - present yangbo