首页 / OpenLayers / 使用示例
带图层的二维地图
瓦片底图叠一个矢量图层，可以单独开关矢量层，点击地图实时读出经纬度。
源码与运行效果
说明
底图用 ol.source.OSM，矢量层用 ol.source.Vector 装三个点要素。
每个要素单独设置 ol.style.Style，包含圆点样式和文字标注。
顶部复选框调用 vecLayer.setVisible()，比反复增删图层省事。
| 操作 | 结果 |
|---|---|
| 取消勾选「矢量图层」 | 矢量层隐藏，底图保留 |
| 点击地图任意位置 | 顶部显示该点的经纬度 |
| 滚轮 / 双击 | 默认交互，无需额外配置 |
文字标注要看得清，通常给 ol.style.Text 配一个白色描边，
否则深色底图上会糊成一片。