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

package/dist/index.mjs

@@ -3086,7 +3086,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 }
     }
   }
 };
@@ -3193,6 +3194,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": {
@@ -3212,6 +3227,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 });
@@ -3274,7 +3296,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");
@@ -3964,8 +3987,10 @@ var RendererManager = class extends EventTarget {
     const elements = elemIds.map((id) => this.elementsMap.get(id)).flat();
     elements.forEach((element) => {
       const controller = this.elementRenderer.createHighlightController(element);
-      controller.start();
-      this.highlightControllers.push(controller);
+      if (controller && _isFunction(controller.start)) {
+        controller.start();
+        this.highlightControllers.push(controller);
+      }
     });
   };
   clearHighlightElements = () => {
@@ -4015,6 +4040,20 @@ var defaultOptions = {
   interactions: true,
   locale: DEFAULT_LOCALE
 };
+var parseMaptalksOptions = (options) => {
+  return {
+    centerCross: options.centerCross ?? false,
+    ...options.interactions === false ? {
+      draggable: false,
+      dragPan: false,
+      dragRotate: false,
+      dragPitch: false,
+      scrollWheelZoom: false,
+      touchZoom: false,
+      doubleClickZoom: false
+    } : {}
+  };
+};
 var IndoorMap = class extends EventTarget {
   options;
   //TODO: refac functions; let them do only 1 thing in a function
@@ -4069,13 +4108,14 @@ var IndoorMap = class extends EventTarget {
   constructor(elementId, options) {
     super();
     const combinedOptions = _5.merge({}, defaultOptions, options);
-    this.options = options;
+    this.options = combinedOptions;
     const {
       onMapReady,
       onMapLoading,
       pixelRatio,
       locale
     } = combinedOptions;
+    const maptalksOptions = parseMaptalksOptions(combinedOptions);
     this.map = new Map2(elementId, {
       attribution: false,
       // Temporart set, not really default view
@@ -4083,16 +4123,7 @@ var IndoorMap = class extends EventTarget {
       center: INITIAL_CENTER,
       zoom: INITIAL_ZOOM,
       clickTimeThreshold: 600,
-      centerCross: options.centerCross ?? false,
-      ...options.interactions === false ? {
-        draggable: false,
-        dragPan: false,
-        dragRotate: false,
-        dragPitch: false,
-        scrollWheelZoom: false,
-        touchZoom: false,
-        doubleClickZoom: false
-      } : {},
+      ...maptalksOptions,
       baseLayer: new TileLayer("base", {
         urlTemplate: "https://{s}.basemaps.cartocdn.com/light_all/{z}/{x}/{y}.png",
         subdomains: ["a", "b", "c", "d"],
@@ -4122,6 +4153,12 @@ var IndoorMap = class extends EventTarget {
     this.map.on("click", this.handleMapClick);
     this.dataClient = options.dataClient;
   }
+  setOptions(options) {
+    const combinedOptions = _5.merge({}, defaultOptions, options);
+    this.options = combinedOptions;
+    const maptalksOptions = parseMaptalksOptions(combinedOptions);
+    this.map.setOptions(maptalksOptions);
+  }
   set dataClient(value) {
     this.#dataClient = value;
     if (!this.options.camera?.defaultView?.center) {
@@ -4787,6 +4824,36 @@ var IndoorMap = class extends EventTarget {
     requestAnimationFrame(this.render.bind(this));
   }
 };
+
+// src/IndoorMap/renderer/3d/objects/PulsingMarker.ts
+import * as maptalks8 from "maptalks-gl";
+import { BaseObject as BaseObject7 } from "maptalks.three";
+import * as THREE4 from "three";
+var OPTIONS5 = {
+  radius: 100,
+  altitude: 0
+};
+var PulsingMarker = class extends BaseObject7 {
+  constructor(coordinate, options, material, layer) {
+    options = maptalks8.Util.extend({}, OPTIONS5, options, { layer, coordinate });
+    super();
+    this._initOptions(options);
+    const { altitude, radius } = options;
+    const r = layer.distanceToVector3(radius, radius).x;
+    const geometry = new THREE4.CircleGeometry(r, 50);
+    this._createMesh(geometry, material);
+    const z = layer.altitudeToVector3(altitude, altitude).x;
+    const position = layer.coordinateToVector3(coordinate, z);
+    this.getObject3d().position.copy(position);
+    this._scale = 1;
+  }
+  // test animation
+  _animation() {
+    this._scale = this._scale > 1 ? 0 : this._scale;
+    this._scale += 0.02;
+    this.getObject3d().scale.set(this._scale, this._scale, this._scale);
+  }
+};
 export {
   ALL_FEATURE_TYPES,
   BASE_LAYER_NAME,
@@ -4807,7 +4874,9 @@ export {
   ORIGIN_MARKER_ID,
   occupant_helper_exports as OccupantHelpers,
   POI_MARKER_LAYER_NAME,
+  PulsingMarker,
   QueryObserver2 as QueryObserver,
+  TextSpriteMarker,
   USER_LOCATION_ELEMENT_ID,
   USER_LOCATION_LAYER_NAME,
   VENUE_EVENTS,