首页 / OpenLayers / 使用示例
合成线要素
用循环生成三千条首尾相接的线，拼成方形螺旋，观察矢量图层在缩放时的渲染表现。
源码与运行效果
说明
线要素全部在页面内生成：起点和终点以经纬度表示，经 ol.proj.fromLonLat() 转到 Web 墨卡托后写入 ol.geom.LineString。矢量源设置 wrapX: false，避免世界副本重复绘制。复选框通过 setVisible() 控制图层显隐，点击地图可读出新坐标。
| 操作 | 结果 |
|---|---|
| 取消勾选「线要素图层」 | 螺旋线隐藏，OSM 底图保留 |
| 滚动滚轮缩放 | 线宽按屏幕像素保持，不会随缩放变粗 |
| 点击地图 | 顶部显示点击位置的经纬度 |
要素数量大时，给矢量图层设置固定的 ol.style.Style 实例，避免每帧创建样式对象。