Leaflet加載GeoServer發布的WMTS地圖服務

 

leaflet本身並不支持WMTS服務，需要借助leaflet-tilelayer-wmts插件實現，但是插件是為通用WMTS服務實現的。在使用的過程中出現了無法調用的問題，這里進行了稍微修改。

加載地圖

var map = L.map('map', {
attributionControl: false,
zoomControl: false,
measureControl: true,
center: [21.220817, 109.8864340],
zoom: 19,
maxZoom: 40,
minZoom: 1,
crs: L.CRS.EPSG4326//設置坐標系4326
});
設置坐標系左上角坐標，3857坐標系可以默認不用設置，插件里已默認帶有

var matrixIds = [];
for (var i=0; i<22; ++i) {
matrixIds[i] = {
identifier : "" + i,
topLeftCorner : new L.LatLng(90, -180)
};
}
加載WMTS地圖服務
var ign = new L.TileLayer.WMTS( "http://192.168.1.177:8080/geoserver/gwc/service/wmts" ,//服務地址
{
layer: "raster:pingyuan",//圖層名稱
tilematrixSet: "EPSG:4326",//GeoServer使用的網格名稱
tileSize : 256,//切片大小
format: 'image/png',
maxZoom: 33,
minZoom: 10,
matrixIds: matrixIds,
}
);

 

修改后的插件地址為https://github.com/GISHanBo/leaflet-tilelayer-wmts
————————————————
版權聲明：本文為CSDN博主「GIS開發者」的原創文章，遵循CC 4.0 BY-SA版權協議，轉載請附上原文出處鏈接及本聲明。
原文鏈接：https://blog.csdn.net/GISuuser/article/details/80768710