venue-js 1.2.0-next.11 → 1.2.0-next.12

package/dist/index.d.mts

@@ -8,7 +8,7 @@ import { Map, Coordinate } from 'maptalks-gl';
 import { BaseObject, ThreeLayer } from 'maptalks.three';
 import * as maptalks from 'maptalks';
 import { Extent, Marker, ui, LineString as LineString$1, Polygon as Polygon$1, MultiPolygon as MultiPolygon$1, MultiLineString } from 'maptalks';
-import { BaseObjectOptionType, ExtrudePolygonOptionType } from 'maptalks.three/dist/type';
+import { BaseObjectOptionType, ExtrudePolygonOptionType, ExtrudeLineOptionType } from 'maptalks.three/dist/type';
 import { PolygonOptionsType } from 'maptalks/dist/geometry/Polygon';
 import { LineStringOptionsType } from 'maptalks/dist/geometry/LineString';
 import { MapViewType, MapAnimationOptionsType, MapPaddingType } from 'maptalks/dist/map/Map';
@@ -810,12 +810,23 @@ type Element2DRendererOptions = {
     fixture?: TypeRenderOptions<PolygonOptionsType>;
 };
 /** 3D */
+type CreateExtrudeLineStringOptionType = ExtrudeLineOptionType & {
+    color?: string;
+    offset?: number;
+};
 type CreateExtrudePolygonOptionType = ExtrudePolygonOptionType & {
     color?: string;
     offset?: number;
 };
 type Element3DRendererOptions = {
-    fixture?: TypeRenderOptions<CreateExtrudePolygonOptionType>;
+    fixture?: {
+        default: CreateExtrudePolygonOptionType;
+        byCategory: {
+            water: CreateExtrudePolygonOptionType;
+            vegetation: CreateExtrudePolygonOptionType;
+            wall: CreateExtrudeLineStringOptionType;
+        };
+    };
     kiosk?: TypeRenderOptions<CreateExtrudePolygonOptionType>;
     unit?: TypeRenderOptions<CreateExtrudePolygonOptionType>;
 };

package/dist/index.d.ts

@@ -8,7 +8,7 @@ import { Map, Coordinate } from 'maptalks-gl';
 import { BaseObject, ThreeLayer } from 'maptalks.three';
 import * as maptalks from 'maptalks';
 import { Extent, Marker, ui, LineString as LineString$1, Polygon as Polygon$1, MultiPolygon as MultiPolygon$1, MultiLineString } from 'maptalks';
-import { BaseObjectOptionType, ExtrudePolygonOptionType } from 'maptalks.three/dist/type';
+import { BaseObjectOptionType, ExtrudePolygonOptionType, ExtrudeLineOptionType } from 'maptalks.three/dist/type';
 import { PolygonOptionsType } from 'maptalks/dist/geometry/Polygon';
 import { LineStringOptionsType } from 'maptalks/dist/geometry/LineString';
 import { MapViewType, MapAnimationOptionsType, MapPaddingType } from 'maptalks/dist/map/Map';
@@ -810,12 +810,23 @@ type Element2DRendererOptions = {
     fixture?: TypeRenderOptions<PolygonOptionsType>;
 };
 /** 3D */
+type CreateExtrudeLineStringOptionType = ExtrudeLineOptionType & {
+    color?: string;
+    offset?: number;
+};
 type CreateExtrudePolygonOptionType = ExtrudePolygonOptionType & {
     color?: string;
     offset?: number;
 };
 type Element3DRendererOptions = {
-    fixture?: TypeRenderOptions<CreateExtrudePolygonOptionType>;
+    fixture?: {
+        default: CreateExtrudePolygonOptionType;
+        byCategory: {
+            water: CreateExtrudePolygonOptionType;
+            vegetation: CreateExtrudePolygonOptionType;
+            wall: CreateExtrudeLineStringOptionType;
+        };
+    };
     kiosk?: TypeRenderOptions<CreateExtrudePolygonOptionType>;
     unit?: TypeRenderOptions<CreateExtrudePolygonOptionType>;
 };

package/dist/index.js

@@ -3135,7 +3135,8 @@ var element3DRendererOptions = {
     default: { color: "#ffffff", height: 0.5 },
     byCategory: {
       water: { color: "#ACD7EC", height: 0.1 },
-      vegetation: { color: "#91C499", height: 0.5 }
+      vegetation: { color: "#91C499", height: 0.5 },
+      wall: { color: "#787878", topColor: "#ffffff", height: 4.2, width: 1 }
     }
   }
 };
@@ -3242,6 +3243,20 @@ var Element3DRenderer = class extends EventTarget {
         return [];
       }
     };
+    const createLineString = (geometry, feature3) => {
+      try {
+        const color = feature3.properties.style.polygonFill ?? colorOptions ?? "#000000";
+        const material = this.getOrCreateMaterialByColor(color);
+        const extrudedLine = this.threeLayer.toExtrudeLine(
+          new maptalks4.LineString(geometry.coordinates),
+          { height: heightOptions, ...options },
+          material
+        );
+        return [extrudedLine];
+      } catch (err) {
+        return [];
+      }
+    };
     try {
       switch (feature2.geometry.type) {
         case "MultiPolygon": {
@@ -3261,6 +3276,13 @@ var Element3DRenderer = class extends EventTarget {
           this.threeLayer.addMesh(meshes);
           return meshes;
         }
+        case "LineString": {
+          const { coordinates } = feature2.geometry;
+          if (!coordinates) return [];
+          const meshes = createLineString(feature2.geometry, feature2);
+          this.threeLayer.addMesh(meshes);
+          return meshes;
+        }
       }
     } catch (err) {
       console.log(`error createGeometry`, err, { feature: feature2, options });
@@ -3323,7 +3345,8 @@ var Element3DRenderer = class extends EventTarget {
       return null;
     }
     switch (element.type) {
-      case "ExtrudePolygon": {
+      case "ExtrudePolygon":
+      case "ExtrudeLine": {
         const mesh = element.getObject3d();
         const originalMaterial = mesh.material;
         const highlightMaterial = this.getOrCreateMaterialByColor("#ff0000");