Appearance
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();
