ol问题总结二

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

原因:4326格式的,发布出来的,经纬度是颠倒的

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







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

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

// 地图移动/zoom变化结束  evt
    mapMoveEnd() {
      if (this.map) {
        const curZoom = this.map.getView().getZoom()
        const extent = this.map.getView().calculateExtent()
        console.log('mapInfo.vue---地图移动/zoom变化结束', curZoom, extent)
      }
    },

你可能感兴趣的:(openlayer,vue)