原因#xff1a;4326格式的#xff0c;发布出来的#xff0c;经纬度是颠倒的

解决方案一#xff1a;将经纬度进行反转

templa…一、加载坐标系是4326格式的使用wfsServer发布的服务图层加载失败坐标系是3857格式的。

图层加载正常

解决方案一将经纬度进行反转

{this.initMap()this.map.on(moveend,debounce((evt)

600),this)},methods:

http://t0.tianditu.com/vec_c/wmts,zIndex:

0})})let

http://t0.tianditu.com/cva_c/wmts,zIndex:

1,type:

注记图层标识})})this.map.addLayer(baseMapLayer)this.map.addLayer(baseMapLayer2)this.GML2Layer

new

this.map.addLayer(this.GML2Layer)this.initGML2Data()},mapMoveEnd()

{this.initGML2Data()},initGML2Data()

{let

this.map.getView().calculateExtent()let

bbox

http://xxx/arcMapServer/WFSServer?requestGetFeatureserviceWFSversion1.1.0typenamepropertyNameoutputFormatgml2srsnameEPSG:4326bbox

bbox

,EPSG:4326whereaxios.get(${this.fillUrl}).***n(res{console.log(res:,res)let

features

this.map.getView().getProjection(),dataProjection:

this.map.getView().getProjection(),})if(features.length)

{for

ifeature.values_.Shape.flatCoordinates.length;

ii3)

feature.values_.Shape.flatCoordinates[i]feature.values_.Shape.flatCoordinates[i]

feature.values_.Shape.flatCoordinates[i1]feature.values_.Shape.flatCoordinates[i1]a}})GML2Source

new

VectorSource({features})this.GML2Layer.setSource(GML2Source)this.map.addLayer(GML2Layer)}})},getSource(options{})

{let

时使用4326经纬度投影;有vec_w时使用球面墨卡托投影const

projectionExtent

options.url.split(/)[3].split(_)let

tiandituUrl

http://t0.tianditu.com/img_w/wmts,

http://t0.tianditu.gov.cn/vec_c/wmtsurl:

options.layer

getTopLeft(projectionExtent),resolutions:

matrixIds})})}return

/style二、图片图层加载时设置imageExtent的规则

将地图的zoom级别调整到合适的位置通过以下获取当前的地图的extent,根据这个值进行对图片的imageExtent的设置

地图移动/zoom变化结束

this.map.getView().getZoom()const

extent

this.map.getView().calculateExtent()console.log(mapInfo.vue---地图移动/zoom变化结束,

curZoom,