首页 / OpenLayers / 使用示例
`r`n 拖放影像矢量渲染
拖入的要素放进影像矢量图层,要素多时用一次栅格化渲染换取流畅度。
`r`n
源码与运行效果
说明
ol.layer.VectorImage 把整层矢量先渲染到一张画布,再作为图片叠加。
要素数量多、样式固定时,比逐要素绘制的 ol.layer.Vector 更流畅,
代价是单要素级别的事件与样式切换会变迟钝。
拖放交互通过 addfeatures 把解析结果移进影像矢量源,
内置示例则解析页面内的 GeoJSON 字符串,两者共用同一套样式函数。
| 操作 | 结果 |
|---|---|
| 拖入 GeoJSON 文件 | 要素进入影像矢量层并自动缩放 |
| 画线要素 | 线宽随缩放变化,文字标注正确避让 |
| 点「清空」 | 影像矢量源被清空,画面同步刷新 |
影像矢量层不适合频繁改动单要素样式的场景;需要逐要素高亮或拖拽编辑时,仍应使用普通矢量图层。