onsummer

const viewer = new Cesium.Viewer("cesiumContainer");
viewer.imageryLayers.addImageryProvider(new Cesium.UrlTemplateImageryProvider({
  url: 'http://wprd0{s}.is.autonavi.com/appmaptile?x={x}&y={y}&z={z}&lang=zh_cn&size=2&scl=1&style=7',
  subdomains: '1234',
  tileWidth: 512,
  tileHeight: 512,
}));
viewer.resolutionScale = 2;

onsummer

const viewer = new Cesium.Viewer("cesiumContainer");
const primitives = viewer.scene.primitives;

const fs = `czm_material czm_getMaterial(czm_materialInput materialInput) {
  czm_material m = czm_getDefaultMaterial(materialInput);

  float side = dot(materialInput.positionToEyeEC, materialInput.normalEC);

  m.alpha = side > 0.0 ? 0.9 : 0.4;
  m.diffuse = side > 0.0 ? vec3(0.0, 1.0, 0.0) : vec3(1.0, 0.0, 0.0);

onsummer

const viewer = new Cesium.Viewer("cesiumContainer", {
  msaaSamples: 4,
});

const origin = Cesium.Cartesian3.fromDegrees(112.5, 22.3);
const targetENU = Cesium.Cartesian3.fromElements(
  Math.sqrt(1 / 2) * 200,
  Math.sqrt(1 / 2) * 200,
); // east-north 平面上的一点
const enuMat = Cesium.Transforms.eastNorthUpToFixedFrame(origin);

onsummer

const viewer = new Cesium.Viewer("cesiumContainer");
const globe = viewer.scene.globe;
const camera = viewer.scene.camera;

const scratchNormal = new Cesium.Cartesian3();
const previousPosition = new Cesium.Cartesian3();
const previousDirection = new Cesium.Cartesian3();
const previousUp = new Cesium.Cartesian3();
const previousRight = new Cesium.Cartesian3();

onsummer

const viewer = new Cesium.Viewer("cesiumContainer");
viewer.scene.globe.depthTestAgainstTerrain = true;
const handler = new Cesium.ScreenSpaceEventHandler(viewer.canvas);

const getWC = (windowPosition) => {
  return viewer.scene.pickPosition(windowPosition);
};

const FILL_COLOR = Cesium.Color.fromBytes(255, 101, 41, 255 * 0.6);
const OUTLINE_COLOR = Cesium.Color.fromBytes(255, 255, 255, 255 * 0.8);

onsummer

function appendTextureViewCanvas(id) {
  const root = viewer.container.parentNode;
  const cesiumCanvas = viewer.canvas;
  const canvas = document.createElement('canvas');
  
  canvas.id = id;
  canvas.setAttribute('width', cesiumCanvas.clientWidth);
  canvas.setAttribute('height', cesiumCanvas.clientHeight);
  canvas.style.width = `${Math.floor(cesiumCanvas.clientWidth / 4)}px`;
  canvas.style.height = `${Math.floor(cesiumCanvas.clientHeight / 4)}px`;

onsummer

const viewer = new Cesium.Viewer("cesiumContainer");
const scene = viewer.scene;

const positions = [
  new Cesium.Cartesian3(1000, 500, 100),
  new Cesium.Cartesian3(1000, -500, 0),
  new Cesium.Cartesian3(-1000, -500, 0),
  new Cesium.Cartesian3(-1000, 500, 100),
];
const polygonGeometry = Cesium.CoplanarPolygonGeometry.fromPositions({

onsummer

const fragmentShaderText = /* glsl */`uniform sampler2D colorTexture;
uniform sampler2D depthTexture;
varying vec2 v_textureCoordinates;

void main() {
  float depth = czm_readDepth(depthTexture, v_textureCoordinates);
  vec4 color = texture2D(colorTexture, v_textureCoordinates);

  if (depth < 1.0 - 0.000001) {
    gl_FragColor = color;

onsummer

Pure ESM package

The package linked to from here is now pure ESM. It cannot be require()'d from CommonJS.

This means you have the following choices:

1. Use ESM yourself. (preferred)
   Use import foo from 'foo' instead of const foo = require('foo') to import the package. You also need to put "type": "module" in your package.json and more. Follow the below guide.
2. If the package is used in an async context, you could use await import(…) from CommonJS instead of require(…).
3. Stay on the existing version of the package until you can move to ESM.

onsummer

export interface IGeoJson {
    type: 'Feature' | 'Point' | 'LineString' | 'Polygon' | 'MultiPoint' | 'MultiLineString' | 'MultiPolygon' | 'GeometryCollection';
    coordinates?: any[];
    geometry?: IGeoJson;
    geometries?: IGeoJson[];
    crs?: string | {
        type: string;
        properties: {
            name: string;
        };