openlayer 加载wms
时间: 2023-11-15 19:54:35 浏览: 255
在 OpenLayers 中加载 WMS (Web Map Service) 数据源需要以下步骤:
1. 创建一个 `ol.source.TileWMS` 对象,指定 WMS 服务的 URL,以及图层参数。例如:
```javascript
var wmsSource = new ol.source.TileWMS({
url: 'https://example.com/wms',
params: {
'LAYERS': 'layer_name',
'TILED': true
}
});
```
2. 创建一个 `ol.layer.Tile` 图层,将刚才创建的 WMS 数据源赋给图层的 `source` 属性。例如:
```javascript
var wmsLayer = new ol.layer.Tile({
source: wmsSource
});
```
3. 创建一个 `ol.Map` 对象,并将 WMS 图层添加到地图中。例如:
```javascript
var map = new ol.Map({
layers: [wmsLayer],
target: 'map',
view: new ol.View({
center: [0, 0],
zoom: 2
})
});
```
以上代码将创建一个基本的 OpenLayers 地图,并加载指定的 WMS 图层。
阅读全文