openLayers中WMTS结合GeoServer呈现瓦片地图

首先看openlayers官网中wmts模块,https://openlayers.org/en/latest/apidoc/module-ol_source_WMTS-WMTS.html,里面的参数看你需要什么。

下面是我的代码

这个是需要地图需要参数,controlId是封装所需要的,而这个layerName对应得就是openlayer的layer字段,url就是openlayers的url字段。

怎么在geoserver中找他们呢?跟着图片来。

选择png后看源码,这个源码也就是openlayer的代码,不会写可以在上面抄写。

这里面会有你想要的,细心的伙伴你会发现,url对应不上,源码中的是../service/wmts,你这样写里面肯定是不行的啊,所以看上面的url,一定是你的域名+端口号+文件路径,到demo前面,

所以最后的路径就是   http://www.***********.com:8080/geoserver/gwc/service/wmts

 希望有需要的小伙伴会有那么一丢丢的帮助,我也是初学者为自己记录,请大牛们多多指教。

猜你喜欢

转载自www.cnblogs.com/cqy1125/p/10978629.html