Skip to content

tiffImageryProvider


ts
import { Viewer, TIFFImageryProvider } from "joDVF";
const container = document.createElement("div");
container.style.width = "100%";
container.style.height = "100%";
document.body.appendChild(container);

const viewer = new Viewer(container);

const addTIFFImageryLayer = async () => {
  const provider = await TIFFImageryProvider.fromUrl(
    "./assets/tiff/1671502414561.tiff",
    {
      renderOptions: {
        single: {
          colorScale: "viridis"
        }
      },
      /*
    projFunc: (code) => {
      if (![4326].includes(code)) {
        try {
          // 自定义投影
          // proj4.defs(
          //   "EPSG:32767",
          //   "+proj=tmerc +lat_0=0 +lon_0=102 +k=1 +x_0=500000 +y_0=0 +ellps=WGS84 +units=m +no_defs +type=crs"
          // );
          let prj = proj4(`EPSG:${code}`, 'EPSG:4326')
          if (prj) return prj.forward
        } catch (e) {
          console.error(e)
        }
      }
    },
    */
      requestOptions: {
        allowFullFile: true
      }
    }
  );

  const imageryLayer = viewer.imageryLayers.addImageryProvider(provider);
  viewer.flyTo(imageryLayer, {
    duration: 1
  });
};

addTIFFImageryLayer();