天地图api加载geoserver图层srs不生效问题

在官方的api4.0类参考中

wmsoptions的坐标系属性名为srs,但在实际应用中并不生效,并且请求会传递默认srs:"EPSG:900913"

getWMS(url, config) {
			if (this.wmsLayer) {
				this.map.removeLayer(this.wmsLayer);
			}
			this.wmsLayer = new T.TileLayer.WMS(url, config);
			this.map.addLayer(this.wmsLayer);
		},
		// 添加外部图层服务
		addWmsLayer() {
			var config = {
				version: '1.1.1', //请求服务的版本
				layers: 'dxs:郑州市区县',
				transparent: true, //输出图像背景是否透明
				styles: '', //每个请求图层的用","分隔的描述样式
				format: 'image/png', //输出图像的类型
				srs: 'EPSG:4496',
			};
			this.getWMS('http://10.11.1.202:18989/geoserver/dxs/wms', config);
		},

如上图所示,使用官方给的例子,加载自己发布的坐标系为EPSG:4496的geoserver图层,但是通过查看网络,请求的荷载参数仍为srs:"EPSG:900913",如下图所示:

 正确的参数传递应为CRS: 'EPSG:4496',完整的正确代码如下所示:

        getWMS(url, config) {
			if (this.wmsLayer) {
				this.map.removeLayer(this.wmsLayer);
			}
			this.wmsLayer = new T.TileLayer.WMS(url, config);
			this.map.addLayer(this.wmsLayer);
		},
		// 添加外部图层服务
        addWmsLayer() {
			var config = {
				version: '1.1.1', //请求服务的版本
				layers: 'dxs:郑州市区县',
				transparent: true, //输出图像背景是否透明
				styles: '', //每个请求图层的用","分隔的描述样式
				format: 'image/png', //输出图像的类型
				CRS: 'EPSG:4496',
			};
			this.getWMS('http://10.11.1.202:18989/geoserver/dxs/wms', config);
		},

修改参数后,即可传递正确的坐标系参数,网络中查看荷载参数正常显示如下图所示。

 以上问题解决希望能给大家带来帮助。

  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 2
    评论
OpenLayers是一个开源的JavaScript库,用于在Web上创建交互式地图应用程序。它支持加载各种地图图层,包括Geoserver图层。下面是使用OpenLayers加载Geoserver图层的一般步骤: 1. 引入OpenLayers库文件。你可以从OpenLayers官方网站下载最新版本的库文件,并将其引入到你的HTML文件中。 ```html <script src="path/to/openlayers.js"></script> ``` 2. 创建地图容器。在HTML文件中创建一个具有唯一ID的`<div>`元素,用于容纳地图。 ```html <div id="map"></div> ``` 3. 初始化地图对象。在JavaScript代码中,使用OpenLayers的`Map`类来创建一个地图对象,并指定地图容器的ID。 ```javascript var map = new ol.Map({ target: 'map' }); ``` 4. 创建Geoserver图层。使用OpenLayers的`TileLayer`类来创建一个Geoserver图层,并指定Geoserver图层URL。 ```javascript var geoserverLayer = new ol.layer.Tile({ source: new ol.source.TileWMS({ url: 'http://your-geoserver-url.com/geoserver/wms', params: { 'LAYERS': 'your-layer-name' } }) }); ``` 5. 将Geoserver图层添加到地图中。使用`addLayer`方法将Geoserver图层添加到地图对象中。 ```javascript map.addLayer(geoserverLayer); ``` 6. 设置地图视图。使用`View`类来设置地图的中心点和缩放级别。 ```javascript var view = new ol.View({ center: ol.proj.fromLonLat([longitude, latitude]), zoom: 10 }); map.setView(view); ``` 以上是使用OpenLayers加载Geoserver图层的基本步骤。你可以根据自己的需求进行进一步的定制和配置。
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

有只老羊在发呆

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值