leaflet加载WMS服务

扩展Tile图层,使用扩展后的图层调用WMTS服务
        let extent = L.tileLayer.wms("http://localhost:9999/geoserver/TJ/wms", {
            layers: 'TJ:extent',
            format: 'image/png',
            transparent: true
        }).addTo(map);
leaflet的wmts插件有点问题,不能直接用,参考我写的代码

https://github.com/WoShiSunWuKong/leaflet.TileLayer.WMTS

发布切图过程(Google下载,分级切图思路)
  • 使用地图下载器下载不同级别的瓦片,拼接为大图(tif格式)
  • 如果下载的是无偏移的,注意是wgs84还是wgs84墨卡托
  • 把单每一张大图在geoserver中发服务,依次切图(注意切图的等级要与大图的等级一致)
  • 发布一个新的瓦片服务S,包含所有等级,坐标系和范围与tif大图保持一致
  • 把每一层级大图切图后的瓦片复制到上一步发布好的全等级的瓦片服务S中
  • 现在可以访问全等级瓦片服务S来查看
样式,udig

你可能感兴趣的:(leaflet加载WMS服务)