首页 / OpenLayers / 使用示例
合成点要素
两万个随机分布在城区范围内的点，鼠标移动时实时显示离指针最近的点与连线。
源码与运行效果
说明
点坐标用经纬度随机生成，再逐个 fromLonLat() 转换。要素的 size 属性决定符号大小，样式函数按属性返回不同的 ol.style.Circle。最近点由 getClosestFeatureToCoordinate() 计算，结果放在临时几何中，在图层 postrender 事件里通过 ol.render.getVectorContext() 绘制。
| 操作 | 结果 |
|---|---|
| 移动鼠标 | 黄色圆环标出最近点，并画出指针到该点的连线 |
| 点击地图 | 重新吸附一次，连线固定在点击位置 |
| 缩放到街道级 | 两万个点仍可流畅渲染，符号保持固定像素大小 |
postrender 里绘制的几何不属于任何图层数据，适合做测量线、吸附提示这类临时图形。