openlayers 加载本地 天地图瓦片
因为本身非GIS专业 可能有坐标偏移或者其他问题 欢迎指正
1.下载瓦片切片
使用免费的 LocaSpaceViewer 下载天地图切片10、11,12级瓦片得到下述文件目录,文件名称对应zoom层级,如10/835/407.png,可发现路径规则为 z/y/x.png
2.利用http-server发布地图服务,获得url地址
http://127.0.0.1:8080/z/y/x.png
3.openlayers配置,至此即可完成本地瓦片地图的加载显示
let layerTiles = new TileLayer({})
layerTiles.getSource().setTileFunction(coordinate => {
return `http://127.0.0.1:8080/${coordinate[0]}${coordinate[1]}/${coordinate[2]}.png`
})
this.map = new Map({
...
layers:[layerTiles]
...
})