vue-openlayers-plugin 1.0.29 → 1.0.31
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +64 -0
- package/lib/{index-07438e74.mjs → index-5109705e.mjs} +318 -76
- package/lib/{index.es-68086899.mjs → index.es-ab75e372.mjs} +1 -1
- package/lib/index.esm.js +1 -1
- package/lib/index.umd.js +321 -79
- package/lib/style.css +37 -37
- package/package.json +1 -1
- package/types/src/components/CustomOpenlayer/components/LegendPanel.vue.d.ts.map +1 -1
- package/types/src/components/CustomOpenlayer/components/dialogs/MapDrawingDialog/components/MarkTab.vue.d.ts.map +1 -1
- package/types/src/components/CustomOpenlayer/index.vue.d.ts.map +1 -1
- package/types/src/components/CustomOpenlayer/types/index.d.ts +205 -3
- package/types/src/components/CustomOpenlayer/types/index.d.ts.map +1 -1
- package/types/src/components/CustomOpenlayer/utils/drawing/DrawingManager.d.ts +24 -0
- package/types/src/components/CustomOpenlayer/utils/drawing/DrawingManager.d.ts.map +1 -1
- package/types/src/components/CustomOpenlayer/utils/layerManager.d.ts.map +1 -1
package/README.md
CHANGED
|
@@ -9,6 +9,7 @@
|
|
|
9
9
|
- 📏 **测量工具** - 距离、面积、角度测量
|
|
10
10
|
- ✏️ **标绘功能** - 点、线、面、文字等标绘工具
|
|
11
11
|
- 🎛️ **图层管理** - 图层控制面板
|
|
12
|
+
- 🏷️ **图标图例** - 支持 PNG、JPG、SVG 等格式的图标图例
|
|
12
13
|
- 📱 **响应式设计** - 适配各种屏幕尺寸
|
|
13
14
|
- 🔧 **TypeScript 支持** - 完整的类型定义
|
|
14
15
|
- 📦 **轻量级** - 按需引入，减小包体积
|
|
@@ -140,6 +141,60 @@ const onFeatureSelected = (feature: any) => {
|
|
|
140
141
|
| draggable | `boolean` | `true` | 是否可拖拽 |
|
|
141
142
|
| resizable | `boolean` | `true` | 是否可缩放 |
|
|
142
143
|
|
|
144
|
+
### LegendPanel
|
|
145
|
+
|
|
146
|
+
图例面板组件，支持多种图例类型包括图标图例。
|
|
147
|
+
|
|
148
|
+
#### Props
|
|
149
|
+
|
|
150
|
+
| 属性 | 类型 | 默认值 | 描述 |
|
|
151
|
+
|------|------|--------|------|
|
|
152
|
+
| position | `'left' \| 'right'` | `'right'` | 面板位置 |
|
|
153
|
+
| width | `number` | `280` | 面板宽度 |
|
|
154
|
+
| collapsible | `boolean` | `true` | 是否可折叠 |
|
|
155
|
+
| defaultCollapsed | `boolean` | `false` | 默认是否折叠 |
|
|
156
|
+
| showOnlyVisible | `boolean` | `true` | 只显示可见图层的图例 |
|
|
157
|
+
| leftOffset | `string \| number` | `undefined` | 左侧偏移 |
|
|
158
|
+
| rightOffset | `string \| number` | `undefined` | 右侧偏移 |
|
|
159
|
+
| topOffset | `string \| number` | `undefined` | 顶部偏移 |
|
|
160
|
+
| bottomOffset | `string \| number` | `undefined` | 底部偏移 |
|
|
161
|
+
|
|
162
|
+
#### 支持的图例类型
|
|
163
|
+
|
|
164
|
+
- **icon** - 图标图例，支持 PNG、JPG、SVG 等格式
|
|
165
|
+
- **color** - 颜色图例
|
|
166
|
+
- **symbol** - 符号图例
|
|
167
|
+
- **gradient** - 渐变图例
|
|
168
|
+
- **category** - 分类图例
|
|
169
|
+
- **custom** - 自定义图例
|
|
170
|
+
|
|
171
|
+
#### 图标图例配置示例
|
|
172
|
+
|
|
173
|
+
```typescript
|
|
174
|
+
const layerConfig = {
|
|
175
|
+
id: 'poi-layer',
|
|
176
|
+
name: 'POI图层',
|
|
177
|
+
legend: {
|
|
178
|
+
type: 'icon',
|
|
179
|
+
title: 'POI类型',
|
|
180
|
+
items: [
|
|
181
|
+
{
|
|
182
|
+
label: '餐厅',
|
|
183
|
+
value: 'restaurant',
|
|
184
|
+
image: '/icons/restaurant.svg',
|
|
185
|
+
size: 18
|
|
186
|
+
},
|
|
187
|
+
{
|
|
188
|
+
label: '酒店',
|
|
189
|
+
value: 'hotel',
|
|
190
|
+
image: '/icons/hotel.png',
|
|
191
|
+
size: 16
|
|
192
|
+
}
|
|
193
|
+
]
|
|
194
|
+
}
|
|
195
|
+
}
|
|
196
|
+
```
|
|
197
|
+
|
|
143
198
|
### SvgIcon
|
|
144
199
|
|
|
145
200
|
SVG 图标组件。
|
|
@@ -276,6 +331,15 @@ MIT License
|
|
|
276
331
|
|
|
277
332
|
## 更新日志
|
|
278
333
|
|
|
334
|
+
### 1.2.0
|
|
335
|
+
|
|
336
|
+
- ✨ 新增图标图例功能，支持 PNG、JPG、SVG、GIF、WebP 等图像格式
|
|
337
|
+
- ✨ 新增 `LegendPanel` 组件的 `icon` 图例类型
|
|
338
|
+
- ✨ 支持图标大小自定义和错误处理
|
|
339
|
+
- ✨ 新增图标图例配置指南和示例
|
|
340
|
+
- 🔧 更新 `LegendItem` 和 `LegendConfig` 接口，增加图标相关属性
|
|
341
|
+
- 📚 完善文档，添加图标图例使用说明
|
|
342
|
+
|
|
279
343
|
### 1.1.0
|
|
280
344
|
|
|
281
345
|
- ✨ 新增 GeoJSON 数据导入支持
|