首页 / OpenLayers / 使用示例
`r`n 最简地图
最小地图只需要三样东西：一个容器、一个视图、一个瓦片图层。
`r`n
源码与运行效果
说明
new ol.Map 绑定容器 target，ol.View 用 ol.proj.fromLonLat 把经纬度换成投影坐标作为中心，ol.layer.Tile 装一个 ol.source.OSM 作为底图。不传 controls 与 interactions 时使用默认配置，缩放按钮、滚轮、拖动双击全部可用。
| 操作 | 结果 |
|---|---|
| 滚轮缩放 | 默认交互直接生效 |
| 拖动地图 | 惯性平移，松开后自然减速 |
| 双击 | 以点击点为中心放大一级 |
要点
- 视图中心必须是投影坐标，经纬度要用
fromLonLat转换。 - OSM 源不需要 Key，适合验证网络与 CDN 是否可用。
后续加业务图层时，保持底图在最底层，叠加上去的矢量层按需要设置透明度。