arcgis api(七)arcgis api for js 3.x 加载图片图层

      在遥感应有中,遥感影像的海量存储一般用arcgis server的镶嵌数据集来实现,但有时候业务需求简单,可以直接通过添加影像图片的方式来实现,即给定一个四角坐标范围,在这个范围内贴影像图片。arcgis api for js 3.x的MapImageLayer、和MapImage很方便地解决了这个问题。

    esriLoader
      .loadModules([
        'esri/layers/MapImageLayer',
        'esri/layers/MapImage'
      ])
      .then(([
        MapImageLayer,
        MapImage
      ]) => {
        // 定义图层
        const imageLayer = new MapImageLayer({
          id: 'imageLayer',
          opacity: 0.9
        })
        mapView.addLayer(imageLayer, 5)
        const url = 'http://zj-fileserver.oss-cn-shanghai.aliyuncs.com/zjFileServer/images/20190624MYD.png'
        const extent = {
          xmin: 117.325157,
          xmax: 126.605055,
          ymin: 18.488356,
          ymax: 41.736681
        }
        // 定义图片
        const image = new MapImage({
          extent,
          href: url
        })
        imageLayer.addImage(image)
      })

mapView即初始化的地图对象,url为影像图片的路径地址,extent为贴图的四角范围

猜你喜欢

转载自blog.csdn.net/zhengjie0722/article/details/108485802