@poggi/three-geojson 0.0.1-alpha.1 → 0.0.1-alpha.2

package/index.js

@@ -1,342 +1 @@
-var __defProp = Object.defineProperty;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __publicField = (obj, key, value) => {
-  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
-  return value;
-};
-var __accessCheck = (obj, member, msg) => {
-  if (!member.has(obj))
-    throw TypeError("Cannot " + msg);
-};
-var __privateGet = (obj, member, getter) => {
-  __accessCheck(obj, member, "read from private field");
-  return getter ? getter.call(obj) : member.get(obj);
-};
-var __privateAdd = (obj, member, value) => {
-  if (member.has(obj))
-    throw TypeError("Cannot add the same private member more than once");
-  member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
-};
-var __privateSet = (obj, member, value, setter) => {
-  __accessCheck(obj, member, "write to private field");
-  setter ? setter.call(obj, value) : member.set(obj, value);
-  return value;
-};
-var __privateMethod = (obj, member, method) => {
-  __accessCheck(obj, member, "access private method");
-  return method;
-};
-var _projection, _depth, _baseRenderOrder, _getLinePoints, getLinePoints_fn, _createExtrudeMesh, createExtrudeMesh_fn;
-import { Color, ShaderMaterial, FrontSide, MeshBasicMaterial, Object3D, Vector3, Shape, ExtrudeGeometry, Mesh } from "three";
-import * as d3 from "d3";
-const ColorSweepSideMaterial = 0;
-const MapSweepSideMaterial = 1;
-function useColorSweepSideMaterial(depth, options = {}) {
-  if (!options.sweepSpeed)
-    options.sweepSpeed = 0.01;
-  if (!options.sweepLength)
-    options.sweepLength = 0.5;
-  if (!options.sweepInterval)
-    options.sweepInterval = 1;
-  const max = depth + options.sweepInterval + options.sweepLength;
-  const uniforms = {
-    color1: {
-      value: options.color1 || new Color("#3fdef3")
-    },
-    color2: {
-      value: options.color2 || new Color("#1668c6")
-    },
-    //光带当前的位置
-    height: {
-      value: -1
-    },
-    //光带颜色
-    glowColor: {
-      value: options.sweepColor || new Color("#90f2ff")
-    }
-  };
-  const material = new ShaderMaterial({
-    side: FrontSide,
-    uniforms,
-    vertexShader: `
-      varying vec2 vUv;
-      varying float v_pz;
-      void main() {
-      vUv = uv;
-      v_pz = position.z;
-      gl_Position = projectionMatrix * modelViewMatrix * vec4(position,1.0);
-      }
-    `,
-    fragmentShader: `
-      uniform vec3 color1;
-      uniform vec3 color2;
-      varying vec2 vUv;
-      uniform float height;
-      uniform vec3 glowColor;
-      varying float v_pz;
-      float plot(float pct){
-        return smoothstep(pct - ${options.sweepLength}, pct, v_pz) - smoothstep(pct, pct + 0.02, v_pz);
-      }
-      void main() {
-      gl_FragColor = vec4(mix(color1, color2, vUv.y), 1.0);
-
-      float f1 = plot(height);
-      gl_FragColor = mix(gl_FragColor,vec4(glowColor,1),f1);
-      }
-    `
-  });
-  const render = function() {
-    uniforms.height.value += options.sweepSpeed;
-    if (uniforms.height.value > max) {
-      uniforms.height.value = -1;
-    }
-  };
-  return {
-    material,
-    render
-  };
-}
-function useMapSweepSideMaterial(options = {}) {
-  if (!options.sweepSpeed)
-    options.sweepSpeed = 0.01;
-  const material = new MeshBasicMaterial({
-    color: 16777215,
-    map: options.map,
-    side: FrontSide
-  });
-  material.onBeforeCompile = function(shader) {
-    shader.uniforms = {
-      ...shader.uniforms,
-      color1: {
-        value: options.color1 || new Color("#3fdef3")
-      },
-      color2: {
-        value: options.color2 || new Color("#3fdef3")
-      }
-    };
-    shader.vertexShader = shader.vertexShader.replace(
-      "void main() {",
-      `
-        attribute float alpha;
-        varying vec3 vPosition;
-        varying float vAlpha;
-        void main() {
-          vAlpha = alpha;
-          vPosition = position;
-      `
-    );
-    shader.fragmentShader = shader.fragmentShader.replace(
-      "void main() {",
-      `
-        varying vec3 vPosition;
-        varying float vAlpha;
-        uniform vec3 color1;
-        uniform vec3 color2;
-        void main() {
-      `
-    );
-    shader.fragmentShader = shader.fragmentShader.replace(
-      "#include <opaque_fragment>",
-      `
-        #ifdef OPAQUE
-        diffuseColor.a = 1.0;
-        #endif
-        #ifdef USE_TRANSMISSION
-          diffuseColor.a *= transmissionAlpha + 0.1;
-        #endif
-        vec3 gradient = mix(color2, color1, vPosition.z / 1.2);
-        outgoingLight = outgoingLight * gradient;
-        gl_FragColor = vec4(outgoingLight, diffuseColor.a);
-      `
-    );
-  };
-  const render = function() {
-    if (options.map) {
-      options.map.offset.y += options.sweepSpeed;
-    }
-  };
-  return {
-    material,
-    render
-  };
-}
-const generateUVs = function(geometry, minX, minY, dx, dy) {
-  const position = geometry.attributes.position.array;
-  const uv = geometry.attributes.uv.array;
-  const index = geometry.index;
-  const shapeGroup = geometry.groups[0];
-  const start = shapeGroup.start;
-  const count = shapeGroup.count;
-  for (let i = start; i < start + count; i++) {
-    const vertexIndex = index ? index.getX(i) : i;
-    const x = position[vertexIndex * 3];
-    const y = position[vertexIndex * 3 + 1];
-    uv[vertexIndex * 2] = (x - minX) / dx;
-    uv[vertexIndex * 2 + 1] = (y - minY) / dy;
-  }
-  geometry.attributes.uv.needsUpdate = true;
-};
-class Geojson extends Object3D {
-  constructor(planeMaterial, options) {
-    var _a;
-    super();
-    __privateAdd(this, _getLinePoints);
-    __privateAdd(this, _createExtrudeMesh);
-    __publicField(this, "type", "Geojson");
-    __privateAdd(this, _projection, void 0);
-    __privateAdd(this, _depth, void 0);
-    __privateAdd(this, _baseRenderOrder, void 0);
-    __publicField(this, "sideMaterialRender");
-    if (!options.center)
-      options.center = ((_a = options.geojson.features[0].properties) == null ? void 0 : _a.centroid) || [
-        0,
-        0
-      ];
-    if (!options.scale)
-      options.scale = 80;
-    if (!options.depth)
-      options.depth = 1;
-    if (!options.sideType)
-      options.sideType = ColorSweepSideMaterial;
-    __privateSet(this, _baseRenderOrder, options.baseRenderOrder || 0);
-    __privateSet(this, _depth, options.depth);
-    __privateSet(this, _projection, d3.geoMercator().center(options.center).scale(options.scale).translate([0, 0]));
-    let fillMaterial;
-    if (options.sideType === ColorSweepSideMaterial) {
-      const data = useColorSweepSideMaterial(__privateGet(this, _depth), options.sideOption);
-      fillMaterial = data.material;
-      this.sideMaterialRender = data.render;
-    } else {
-      const data = useMapSweepSideMaterial(options.sideOption);
-      fillMaterial = data.material;
-      this.sideMaterialRender = data.render;
-    }
-    let globalMinX = Infinity, globalMinY = Infinity;
-    let globalMaxX = -Infinity, globalMaxY = -Infinity;
-    options.geojson.features.forEach((feature) => {
-      const coords = feature.geometry.type === "MultiPolygon" ? feature.geometry.coordinates.flat(2) : feature.geometry.coordinates.flat(1);
-      coords.forEach((p) => {
-        const [x, y] = __privateGet(this, _projection).call(this, p);
-        globalMinX = Math.min(globalMinX, x);
-        globalMinY = Math.min(globalMinY, -y);
-        globalMaxX = Math.max(globalMaxX, x);
-        globalMaxY = Math.max(globalMaxY, -y);
-      });
-    });
-    const globalDX = globalMaxX - globalMinX;
-    const globalDY = globalMaxY - globalMinY;
-    options.geojson.features.forEach((feature, idx) => {
-      var _a2, _b, _c;
-      const child = new Object3D();
-      child.name = "feature" + (((_a2 = feature.properties) == null ? void 0 : _a2.adcode) || idx);
-      child.userData.properties = feature.properties;
-      if ((_b = feature.properties) == null ? void 0 : _b.center) {
-        feature.properties.centerT = __privateGet(this, _projection).call(this, feature.properties.center);
-      }
-      if ((_c = feature.properties) == null ? void 0 : _c.centroid) {
-        feature.properties.centroidT = __privateGet(this, _projection).call(this, feature.properties.centroid);
-      }
-      if (feature.geometry.type === "MultiPolygon") {
-        feature.geometry.coordinates.forEach((coordinate) => {
-          const { mesh } = __privateMethod(this, _createExtrudeMesh, createExtrudeMesh_fn).call(this, options.depth, coordinate[0], [planeMaterial, fillMaterial], globalMinX, globalMinY, globalDX, globalDY);
-          mesh.name = "polygon";
-          child.add(mesh);
-        });
-      }
-      this.add(child);
-    });
-  }
-  // 添加轮廓
-  addOutline(params) {
-    params.geojson.features.forEach((feature) => {
-      if (feature.geometry.type === "MultiPolygon") {
-        feature.geometry.coordinates.forEach((coordinate) => {
-          const { points, pointsV } = __privateMethod(this, _getLinePoints, getLinePoints_fn).call(this, coordinate[0]);
-          params.drawFunc(points, pointsV);
-        });
-      }
-    });
-  }
-  // 添加子集
-  addChilds(params) {
-    params.geojson.features.forEach((feature, idx) => {
-      var _a, _b, _c;
-      const parent = this.getObjectByName(
-        "feature" + (((_a = feature.properties) == null ? void 0 : _a.adcode) || idx)
-      );
-      const center = ((_b = feature.properties) == null ? void 0 : _b.centerT) || [0, 0];
-      const worldCenter = new Vector3(center[0], __privateGet(this, _depth), center[1]);
-      const localCenter = parent.worldToLocal(worldCenter);
-      const centroid = ((_c = feature.properties) == null ? void 0 : _c.centroidT) || [0, 0];
-      const worldCentroid = new Vector3(centroid[0], __privateGet(this, _depth), centroid[1]);
-      const localCentroid = parent.worldToLocal(worldCentroid);
-      params.drawFunc({
-        parent,
-        center: localCenter,
-        centroid: localCentroid,
-        info: feature.properties
-      });
-    });
-  }
-  // 添加边界
-  addBoundary(params) {
-    params.geojson.features.forEach((feature, idx) => {
-      var _a;
-      const parent = this.getObjectByName(
-        "feature" + (((_a = feature.properties) == null ? void 0 : _a.adcode) || idx)
-      );
-      if (feature.geometry.type === "MultiPolygon") {
-        feature.geometry.coordinates.forEach((coordinate) => {
-          coordinate.forEach((polygon) => {
-            const { points, pointsV } = __privateMethod(this, _getLinePoints, getLinePoints_fn).call(this, polygon);
-            params.drawFunc(parent, points, pointsV);
-          });
-        });
-      }
-    });
-  }
-}
-_projection = new WeakMap();
-_depth = new WeakMap();
-_baseRenderOrder = new WeakMap();
-_getLinePoints = new WeakSet();
-getLinePoints_fn = function(point) {
-  const points = [], pointsV = [];
-  for (let i = 0; i < point.length; i++) {
-    const [x, y] = __privateGet(this, _projection).call(this, point[i]);
-    if (!isNaN(x) && !isNaN(y)) {
-      points.push(x, -y, __privateGet(this, _depth));
-      pointsV.push(new Vector3(x, -y, __privateGet(this, _depth)));
-    }
-  }
-  return { points, pointsV };
-};
-_createExtrudeMesh = new WeakSet();
-createExtrudeMesh_fn = function(depth, point, materials, minX, minY, dx, dy) {
-  const shape = new Shape();
-  const points = [];
-  for (let i = 0; i < point.length; i++) {
-    const [x, y] = __privateGet(this, _projection).call(this, point[i]);
-    if (!isNaN(x) && !isNaN(y)) {
-      if (i === 0) {
-        shape.moveTo(x, -y);
-      }
-      shape.lineTo(x, -y);
-      points.push(x, -y, depth);
-    }
-  }
-  const geometry = new ExtrudeGeometry(shape, {
-    depth,
-    bevelEnabled: false
-    // 对挤出的形状应用是否斜角
-  });
-  generateUVs(geometry, minX, minY, dx, dy);
-  const mesh = new Mesh(geometry, materials);
-  mesh.renderOrder = __privateGet(this, _baseRenderOrder) + 1;
-  return { mesh, points };
-};
-export {
-  ColorSweepSideMaterial,
-  Geojson,
-  MapSweepSideMaterial
-};
+var o=Object.defineProperty,n=(n,t,i)=>(((n,t,i)=>{t in n?o(n,t,{enumerable:!0,configurable:!0,writable:!0,value:i}):n[t]=i})(n,"symbol"!=typeof t?t+"":t,i),i),t=(o,n,t)=>{if(!n.has(o))throw TypeError("Cannot "+t)},i=(o,n,i)=>(t(o,n,"read from private field"),i?i.call(o):n.get(o)),e=(o,n,t)=>{if(n.has(o))throw TypeError("Cannot add the same private member more than once");n instanceof WeakSet?n.add(o):n.set(o,t)},a=(o,n,i,e)=>(t(o,n,"write to private field"),e?e.call(o,i):n.set(o,i),i),r=(o,n,i)=>(t(o,n,"access private method"),i);import{Color as s,ShaderMaterial as l,FrontSide as c,MeshBasicMaterial as v,Object3D as h,Vector3 as f,Shape as d,ExtrudeGeometry as u,Mesh as p}from"three";import*as g from"d3";const m=0,w=1;var M,y,S,C,_,b,N;class P extends h{constructor(o,t){var f;let d;if(super(),e(this,C),e(this,b),n(this,"type","Geojson"),e(this,M,void 0),e(this,y,void 0),e(this,S,void 0),n(this,"sideMaterialRender"),t.center||(t.center=(null==(f=t.geojson.features[0].properties)?void 0:f.centroid)||[0,0]),t.scale||(t.scale=80),t.depth||(t.depth=1),t.sideType||(t.sideType=0),a(this,S,t.baseRenderOrder||0),a(this,y,t.depth),a(this,M,g.geoMercator().center(t.center).scale(t.scale).translate([0,0])),0===t.sideType){const o=function(o,n={}){n.sweepSpeed||(n.sweepSpeed=.01),n.sweepLength||(n.sweepLength=.5),n.sweepInterval||(n.sweepInterval=1);const t=o+n.sweepInterval+n.sweepLength,i={color1:{value:n.color1||new s("#3fdef3")},color2:{value:n.color2||new s("#1668c6")},height:{value:-1},glowColor:{value:n.sweepColor||new s("#90f2ff")}};return{material:new l({side:c,uniforms:i,vertexShader:"\n      varying vec2 vUv;\n      varying float v_pz;\n      void main() {\n      vUv = uv;\n      v_pz = position.z;\n      gl_Position = projectionMatrix * modelViewMatrix * vec4(position,1.0);\n      }\n    ",fragmentShader:`\n      uniform vec3 color1;\n      uniform vec3 color2;\n      varying vec2 vUv;\n      uniform float height;\n      uniform vec3 glowColor;\n      varying float v_pz;\n      float plot(float pct){\n        return smoothstep(pct - ${n.sweepLength}, pct, v_pz) - smoothstep(pct, pct + 0.02, v_pz);\n      }\n      void main() {\n      gl_FragColor = vec4(mix(color1, color2, vUv.y), 1.0);\n\n      float f1 = plot(height);\n      gl_FragColor = mix(gl_FragColor,vec4(glowColor,1),f1);\n      }\n    `}),render:function(){i.height.value+=n.sweepSpeed,i.height.value>t&&(i.height.value=-1)}}}(i(this,y),t.sideOption);d=o.material,this.sideMaterialRender=o.render}else{const o=function(o={}){o.sweepSpeed||(o.sweepSpeed=.01);const n=new v({color:16777215,map:o.map,side:c});return n.onBeforeCompile=function(n){n.uniforms={...n.uniforms,color1:{value:o.color1||new s("#3fdef3")},color2:{value:o.color2||new s("#3fdef3")}},n.vertexShader=n.vertexShader.replace("void main() {","\n        attribute float alpha;\n        varying vec3 vPosition;\n        varying float vAlpha;\n        void main() {\n          vAlpha = alpha;\n          vPosition = position;\n      "),n.fragmentShader=n.fragmentShader.replace("void main() {","\n        varying vec3 vPosition;\n        varying float vAlpha;\n        uniform vec3 color1;\n        uniform vec3 color2;\n        void main() {\n      "),n.fragmentShader=n.fragmentShader.replace("#include <opaque_fragment>","\n        #ifdef OPAQUE\n        diffuseColor.a = 1.0;\n        #endif\n        #ifdef USE_TRANSMISSION\n          diffuseColor.a *= transmissionAlpha + 0.1;\n        #endif\n        vec3 gradient = mix(color2, color1, vPosition.z / 1.2);\n        outgoingLight = outgoingLight * gradient;\n        gl_FragColor = vec4(outgoingLight, diffuseColor.a);\n      ")},{material:n,render:function(){o.map&&(o.map.offset.y+=o.sweepSpeed)}}}(t.sideOption);d=o.material,this.sideMaterialRender=o.render}let u=1/0,p=1/0,m=-1/0,w=-1/0;t.geojson.features.forEach(o=>{("MultiPolygon"===o.geometry.type?o.geometry.coordinates.flat(2):o.geometry.coordinates.flat(1)).forEach(o=>{const[n,t]=i(this,M).call(this,o);u=Math.min(u,n),p=Math.min(p,-t),m=Math.max(m,n),w=Math.max(w,-t)})});const _=m-u,P=w-p;t.geojson.features.forEach((n,e)=>{var a,s,l;const c=new h;c.name="feature"+((null==(a=n.properties)?void 0:a.adcode)||e),c.userData.properties=n.properties,null!=(s=n.properties)&&s.center&&(n.properties.centerT=i(this,M).call(this,n.properties.center)),null!=(l=n.properties)&&l.centroid&&(n.properties.centroidT=i(this,M).call(this,n.properties.centroid)),"MultiPolygon"===n.geometry.type&&n.geometry.coordinates.forEach(n=>{const{mesh:i}=r(this,b,N).call(this,t.depth,n[0],[o,d],u,p,_,P);i.name="polygon",c.add(i)}),this.add(c)})}addOutline(o){o.geojson.features.forEach(n=>{"MultiPolygon"===n.geometry.type&&n.geometry.coordinates.forEach(n=>{const{points:t,pointsV:i}=r(this,C,_).call(this,n[0]);o.drawFunc(t,i)})})}addChilds(o){o.geojson.features.forEach((n,t)=>{var e,a,r;const s=this.getObjectByName("feature"+((null==(e=n.properties)?void 0:e.adcode)||t)),l=(null==(a=n.properties)?void 0:a.centerT)||[0,0],c=new f(l[0],i(this,y),l[1]),v=s.worldToLocal(c),h=(null==(r=n.properties)?void 0:r.centroidT)||[0,0],d=new f(h[0],i(this,y),h[1]),u=s.worldToLocal(d);o.drawFunc({parent:s,center:v,centroid:u,info:n.properties})})}addBoundary(o){o.geojson.features.forEach((n,t)=>{var i;const e=this.getObjectByName("feature"+((null==(i=n.properties)?void 0:i.adcode)||t));"MultiPolygon"===n.geometry.type&&n.geometry.coordinates.forEach(n=>{n.forEach(n=>{const{points:t,pointsV:i}=r(this,C,_).call(this,n);o.drawFunc(e,t,i)})})})}}M=new WeakMap,y=new WeakMap,S=new WeakMap,C=new WeakSet,_=function(o){const n=[],t=[];for(let e=0;e<o.length;e++){const[a,r]=i(this,M).call(this,o[e]);!isNaN(a)&&!isNaN(r)&&(n.push(a,-r,i(this,y)),t.push(new f(a,-r,i(this,y))))}return{points:n,pointsV:t}},b=new WeakSet,N=function(o,n,t,e,a,r,s){const l=new d,c=[];for(let t=0;t<n.length;t++){const[e,a]=i(this,M).call(this,n[t]);!isNaN(e)&&!isNaN(a)&&(0===t&&l.moveTo(e,-a),l.lineTo(e,-a),c.push(e,-a,o))}const v=new u(l,{depth:o,bevelEnabled:!1});!function(o,n,t,i,e){const a=o.attributes.position.array,r=o.attributes.uv.array,s=o.index,l=o.groups[0],c=l.start,v=l.count;for(let o=c;o<c+v;o++){const l=s?s.getX(o):o,c=a[3*l],v=a[3*l+1];r[2*l]=(c-n)/i,r[2*l+1]=(v-t)/e}o.attributes.uv.needsUpdate=!0}(v,e,a,r,s);const h=new p(v,t);return h.renderOrder=i(this,S)+1,{mesh:h,points:c}};export{m as ColorSweepSideMaterial,P as Geojson,w as MapSweepSideMaterial};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@poggi/three-geojson",
-  "version": "0.0.1-alpha.1",
+  "version": "0.0.1-alpha.2",
   "type": "module",
   "main": "./index.js",
   "description": "三维Geojson类",