geoserver 地形

---

import { Viewer, GeoserverTerrainProvider, DrawHandler } from "joDVF";
import { Cartesian3 } from "joCesium";

const { mapContainer } = createContainer();

const viewer = new Viewer(mapContainer, {
  terrainProvider: await GeoserverTerrainProvider({
    service: "WMS",
    url: "/geoserver",
    layerName: "terrain:demo_terrain",
    offset: 0,
    styleName: "mySLD",
    hasStyledImage: true
    // maxLevel: 15
  })
});

viewer.camera.flyTo({
  destination: Cartesian3.fromDegrees(107.63031, 33.95256, 4000)
});
const position = Cartesian3.fromDegrees(107.63031, 33.95256, 4000);
DrawHandler.drawPoint(viewer, position);

function createContainer() {
  const container = document.createElement("div");
  container.style.width = "100%";
  container.style.height = "100%";

  const uiContainer = document.createElement("div");
  uiContainer.style.position = "fixed";
  uiContainer.style.top = "5px";
  uiContainer.style.left = "5px";
  document.body.appendChild(container);
  document.body.appendChild(uiContainer);

  return {
    mapContainer: container,
    uiContainer
  };
}