当前位置: 首页 > Web前端 > vue.js

arcgis加载wtms数据

时间:2023-03-31 17:31:04 vue.js

这是wtms服务地址,一定要记下tilehttp://***.***.***.***:6080/arcgis/rest/services/***/***/MapServer/tile/exportconstCustomWMTS=async(val)=>{letBaseTileLayer=awaitarcgisPackage.BaseTileLayer;让Request=awaitarcgisPackage.Request;letTDT=awaitBaseTileLayer.createSubclass({属性:{urlTemplate:null,layerType:'wmts'},getTileUrl:function(level,row,col){leturl=val+level+'/'+row+'/'+colreturnurl;},fetchTile:function(level,row,col){leturl=this.getTileUrl(level,row,col);返回请求(url,{responseType:"image",}).then((response)=>{让image=response.data;让width=this.tileInfo.size[0];让height=this.tileInfo.size[0];让canvas=document.createElement("canvas");让上下文=canvas.getContext("2d");canvas.width=宽度;canvas.height=高度;context.drawImage(image,0,0,宽度,高度);返回画布;})},});letlayer=awaitnewTDT();返回层}