您的当前位置:首页正文

高德地图对接OGC服务

来源:个人技术集锦
⾼德地图对接OGC服务

WMS 标准图层

WMS 标准图层是⽤于加载 OGC 标准的 WMS 地图服务的⼀种图层类,⾃ v1.4.3 新增,仅⽀持 EPSG3857 坐标系统的 WMS 图层。了解WMS 标准图层? 。引⼊ WMS 图层:

// 创建地图实例

var map = new AMap.Map('container', { zoom: 3,

center:[-99.241291, 39.51401]});

// 创建 WMS 标准图层

var wms = new AMap.TileLayer.WMS({

url: 'https://ahocevar.com/geoserver/wms', // wms服务的url地址 blend: false, // 地图级别切换时,不同级别的图⽚是否进⾏混合 tileSize: 512, // 加载WMS图层服务时,图⽚的分⽚⼤⼩ params: {

'LAYERS': 'topp:states', VERSION:'1.3.0'

} // OGC标准的WMS地图服务的GetMap接⼝的参数});

map.add(wms);

WMTS 标准图层

WMTS 标准图层是⽤于加载OGC标准的 WMTS 地图服务的⼀种图层类,⾃ v1.4.3 新增,仅⽀持 EPSG3857 坐标系统的 WMTS 图层。了解 WMTS 标准图层?。

⾮⾼德官⽅的栅格图⽚

使⽤⾮⾼德官⽅的栅格图⽚,可以在构造 TileLayer 对象时,指定栅格图的 getTileUrl 属性。 getTileUrl 可以是⼀个 URL 的拼接字符串,其中的 [x]、 [y]、 [z]代表切⽚的 x、y、z 坐标位置;也可以是⼀个返回切⽚ url 的 function。以 Google 地图作为栅格切⽚为例,设置 getTileUrl 为拼接 URL:

//创建⾃定义切⽚图层,指定 getTileUrl 属性var googleLayer = new AMap.TileLayer({

getTileUrl: 'http://mt{1,2,3,0}.google.cn/vt/lyrs=m@142&hl=zh-CN&gl=cn&x=[x]&y=[y]&z=[z]&s=Galil', zIndex:2});

googleLayer.setMap(map);

或者设置 getTileUrl 为返回切⽚ url 的 function:

//创建⾃定义切⽚图层,指定 getTileUrl 属性var googleLayer = new AMap.TileLayer({ zIndex:2,

getTileUrl: function(x , y, z){

return 'http://mt1.google.cn/vt/lyrs=m@142&hl=zh-CN&gl=cn&x='+ x +'&y='+ y +'&z='+ z +'&s=Galil'; }});

googleLayer.setMap(map);

参考:

https://blog.csdn.net/lovefengruoqing/article/details/116754240

因篇幅问题不能全部显示,请点此查看更多更全内容