@mapless/core 1.0.11 → 1.0.13

package/dist/index.js

@@ -4,7 +4,8 @@ import { AmbientLight, AnimationMixer, BoxGeometry, BoxHelper, BufferGeometry, C
 import gcoord from "gcoord";
 import mapbox_gl_draw from "@mapbox/mapbox-gl-draw";
 import "@mapbox/mapbox-gl-draw/dist/mapbox-gl-draw.css";
-import { DRACOLoader, GLTFLoader, Line2, LineGeometry, LineMaterial } from "three-stdlib";
+import { mergeGeometries } from "three/examples/jsm/utils/BufferGeometryUtils.js";
+import { GLTFLoader, Line2, LineGeometry, LineMaterial } from "three-stdlib";
 class MapThree {
     mapless = void 0;
     scene = null;
@@ -470,6 +471,13 @@ class MapThree {
         this.camera = null;
         this.isInitialized = false;
     }
+    onStyleChanged() {
+        if (!this.mapless?.map || !this.isInitialized) return;
+        if (this.customLayerId) try {
+            this.mapless.map.removeLayer(this.customLayerId);
+        } catch  {}
+        this.setupCustomLayer();
+    }
 }
 const STATUS_COLORS = {
     Idle: {
@@ -969,6 +977,7 @@ const center_namespaceObject = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAI
 const fly_namespaceObject = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIAAAACACAYAAADDPmHLAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjFGODkyQTNFNkJFRDExRUZCQzQzOTRDMjJCMTlEMDU3IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjFGODkyQTNGNkJFRDExRUZCQzQzOTRDMjJCMTlEMDU3Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MUY4OTJBM0M2QkVEMTFFRkJDNDM5NEMyMkIxOUQwNTciIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MUY4OTJBM0Q2QkVEMTFFRkJDNDM5NEMyMkIxOUQwNTciLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6Kn+fFAAAJmElEQVR42uxd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";
 const car_namespaceObject = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIAAAACACAYAAADDPmHLAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjFFQjNCNEQ4NkJFRDExRUY5RDFCQzVGRTFERTM5QURDIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjFFQjNCNEQ5NkJFRDExRUY5RDFCQzVGRTFERTM5QURDIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MUVCM0I0RDY2QkVEMTFFRjlEMUJDNUZFMURFMzlBREMiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MUVCM0I0RDc2QkVEMTFFRjlEMUJDNUZFMURFMzlBREMiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4N8EJcAAAKr0lEQVR42uxd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";
 const controller_namespaceObject = "data:image/png;base64,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";
+const drone_namespaceObject = "data:image/png;base64,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";
 const flight_namespaceObject = "data:image/png;base64,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";
 const ship_namespaceObject = "data:image/png;base64,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";
 const circle_namespaceObject = "data:image/png;base64,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";
@@ -1004,6 +1013,7 @@ const icons = {
     dzCar: car_namespaceObject,
     dzFlight: flight_namespaceObject,
     dzShip: ship_namespaceObject,
+    dzDrone: drone_namespaceObject,
     locating: locating_namespaceObject,
     monaloading: mona_loading_default_namespaceObject,
     react: react_namespaceObject,
@@ -11360,6 +11370,17 @@ class Mapless extends Base {
             pitch: 0
         });
     }
+    setCoordSystem(coordSystem) {
+        if (!this.CoordTrans) return;
+        const prevSystem = this.CoordSystem || 'wgs84';
+        if (prevSystem === coordSystem) return;
+        this.CoordTrans = createCoordTransformer({
+            dataSystem: coordSystem,
+            tileSystem: this.CoordTrans.TileSystem
+        });
+        this.emitterless.emit('coordSystemChange', coordSystem, prevSystem);
+        console.log(`CoordSystem changed: ${prevSystem} -> ${coordSystem}`);
+    }
     fitBounds(coordinates, padding = 20) {
         if (!this.map || !coordinates.length) return;
         const bounds = coordinates.reduce((bounds, coord)=>bounds.extend(coord), new mapbox_gl.LngLatBounds(coordinates[0], coordinates[0]));
@@ -16593,6 +16614,7 @@ class AirspaceManager extends manager_Manager {
         defaultFillOpacity: 0.3
     };
     originalProperties = {};
+    originalGeometries = {};
     constructor(mapless, options){
         super(mapless, options, 'airspace');
         this.onInitialized();
@@ -16606,7 +16628,19 @@ class AirspaceManager extends manager_Manager {
     handleCoordSystemChange(_system) {
         if (this.zones) Object.keys(this.zones).forEach((id)=>{
             const zone = this.zones[id];
-            this.drawZone(id, zone);
+            const originalGeometry = this.originalGeometries[id];
+            if (originalGeometry) this.drawZone(id, {
+                name: zone.name,
+                geometry: originalGeometry,
+                minAltitude: zone.minAltitude,
+                maxAltitude: zone.maxAltitude,
+                color: zone.color,
+                edgeColor: zone.edgeColor,
+                edgeOpacity: zone.edgeOpacity,
+                edgeWidth: zone.edgeWidth,
+                fillColor: zone.fillColor,
+                fillOpacity: zone.fillOpacity
+            });
         });
     }
     createIdHub(_idHub) {
@@ -16686,11 +16720,16 @@ class AirspaceManager extends manager_Manager {
     }
     drawZone(id, options) {
         const { name = '', geometry, minAltitude = this.config.defaultMinAltitude, maxAltitude = this.config.defaultMaxAltitude, color = this.config.defaultColor, edgeColor = this.config.defaultEdgeColor, edgeOpacity = this.config.defaultEdgeOpacity, edgeWidth = this.config.defaultEdgeWidth, fillColor = this.config.defaultFillColor, fillOpacity = this.config.defaultFillOpacity } = options;
+        this.originalGeometries[id] = geometry;
+        const transformedGeometry = geometry.map((polygon)=>polygon.map((coord)=>this.mapless?.coordTrans('dataToTile', [
+                    coord[0],
+                    coord[1]
+                ])));
         const feature = {
             type: 'Feature',
             geometry: {
                 type: 'Polygon',
-                coordinates: geometry
+                coordinates: transformedGeometry
             },
             properties: {
                 id,
@@ -16708,7 +16747,7 @@ class AirspaceManager extends manager_Manager {
         this.zones[id] = {
             id,
             name,
-            geometry,
+            geometry: transformedGeometry,
             minAltitude,
             maxAltitude,
             color,
@@ -16757,11 +16796,13 @@ class AirspaceManager extends manager_Manager {
         if (!this.zones[id]) return;
         delete this.zones[id];
         delete this.originalProperties[id];
+        delete this.originalGeometries[id];
         this.updateSource();
     }
     clearZones() {
         this.zones = {};
         this.originalProperties = {};
+        this.originalGeometries = {};
         this.mapless?.setEmptyData(this.idHub?.sourceId);
     }
     updateZone(id, options) {
@@ -16817,7 +16858,8 @@ class AirspaceManager extends manager_Manager {
             });
         });
         if (coordinates.length > 0 && this.mapless?.map) {
-            const bounds = coordinates.reduce((bounds, coord)=>bounds.extend(coord), new mapbox_gl.LngLatBounds(coordinates[0], coordinates[0]));
+            const originalCoordinates = coordinates.map((coord)=>this.mapless?.coordTrans('tileToData', coord));
+            const bounds = originalCoordinates.reduce((bounds, coord)=>bounds.extend(coord), new mapbox_gl.LngLatBounds(originalCoordinates[0], originalCoordinates[0]));
             const currentPitch = this.mapless.map.getPitch();
             const currentBearing = this.mapless.map.getBearing();
             this.mapless.map.fitBounds(bounds, {
@@ -16846,6 +16888,7 @@ class AirspaceManager extends manager_Manager {
         super.destroy();
         this.zones = {};
         this.originalProperties = {};
+        this.originalGeometries = {};
     }
 }
 const attachAirspace = (mapless, name)=>mapless?.use(AirspaceManager, name);
@@ -17006,6 +17049,7 @@ class MapModelManager extends EmitManager {
         0
     ];
     themeColorModels = new Set();
+    modelOptions = new Map();
     constructor(mapless, options){
         super(mapless, options, 'mapModel');
         this.map = mapless.map;
@@ -17016,6 +17060,14 @@ class MapModelManager extends EmitManager {
         this.onInitialized();
         this.setupGlobalClickHandler();
     }
+    handleCoordSystemChange(_system) {
+        if (this.modelOptions.size > 0) {
+            this.clearModels();
+            this.modelOptions.forEach((options)=>{
+                this.addModel(options);
+            });
+        }
+    }
     setupGlobalClickHandler() {
         if (!this.map) return;
         this.globalClickHandler = (e)=>{
@@ -17098,12 +17150,17 @@ class MapModelManager extends EmitManager {
         if (!this.map) throw new Error('Map not initialized');
         const sourceId = this.generateSourceId();
         const layerId = this.generateLayerId();
+        const originalPosition = config.position || config.lngLat || [
+            0,
+            0
+        ];
+        const transformedPosition = this.mapless?.coordTrans('dataToTile', originalPosition);
         const sourceConfig = {
             type: 'model',
             models: {
                 [modelId]: {
                     uri: config.uri,
-                    position: config.position || config.lngLat,
+                    position: transformedPosition,
                     altitude: config.altitude || 0
                 }
             }
@@ -17248,6 +17305,7 @@ class MapModelManager extends EmitManager {
             materialOverrides,
             nodeOverrides
         });
+        this.modelOptions.set(id, options);
         if (!materialOverrides || 0 === Object.keys(materialOverrides).length) {
             this.themeColorModels.add(id);
             const themeColor = this.getDefaultThemeColor();
@@ -17263,9 +17321,10 @@ class MapModelManager extends EmitManager {
         const modelData = this.models.get(id);
         if (!modelData) return;
         if (!this.map) return;
+        const transformedPosition = this.mapless?.coordTrans('dataToTile', lngLat);
         const source = this.map.getSource(modelData.sourceId);
         if (source?.models?.[id]) {
-            source.models[id].position = lngLat;
+            source.models[id].position = transformedPosition;
             source.models[id].altitude = altitude;
         }
         if (this.map.getLayer(modelData.layerId)) this.map.setPaintProperty(modelData.layerId, 'model-translation', [
@@ -17273,6 +17332,11 @@ class MapModelManager extends EmitManager {
             0,
             altitude
         ]);
+        const options = this.modelOptions.get(id);
+        if (options) {
+            options.lngLat = lngLat;
+            if (void 0 !== altitude) options.altitude = altitude;
+        }
     }
     updateModelRotation(id, rotation) {
         const modelData = this.models.get(id);
@@ -17301,6 +17365,7 @@ class MapModelManager extends EmitManager {
         if (this.map.getLayer(modelData.layerId)) this.map.removeLayer(modelData.layerId);
         if (this.map.getSource(modelData.sourceId)) this.map.removeSource(modelData.sourceId);
         this.models.delete(id);
+        this.modelOptions.delete(id);
         this.themeColorModels.delete(id);
         if (this.selectedModelId === id) this.selectedModelId = null;
     }
@@ -17395,6 +17460,7 @@ class MapModelManager extends EmitManager {
         if (this.map && this.globalClickHandler) this.map.off('click', this.globalClickHandler);
         this.selectedModelId = null;
         this.themeColorModels.clear();
+        this.modelOptions.clear();
         this.clearModels();
     }
 }
@@ -17481,7 +17547,8 @@ class BasicThreeObjectManager extends manager_Manager {
             matrix: matrix.clone()
         });
         else {
-            const modelAsMercator = mapbox_gl.MercatorCoordinate.fromLngLat(lngLat, altitude);
+            const transformedLngLat = this.mapless?.coordTrans('dataToTile', lngLat);
+            const modelAsMercator = mapbox_gl.MercatorCoordinate.fromLngLat(transformedLngLat, altitude);
             const mercatorScale = modelAsMercator.meterInMercatorCoordinateUnits() * scale;
             mapThree.addRenderableObject(id, mesh, {
                 translateX: modelAsMercator.x,
@@ -17498,7 +17565,13 @@ class BasicThreeObjectManager extends manager_Manager {
             type,
             mesh,
             geometry,
-            material
+            material,
+            originalOptions: {
+                lngLat,
+                altitude,
+                rotation,
+                scale
+            }
         });
         console.log(`BasicThreeObject added: ${id}`, {
             type,
@@ -17518,7 +17591,8 @@ class BasicThreeObjectManager extends manager_Manager {
         if (!mapThree) return;
         const objData = this.objects.get(id);
         if (!objData) return void console.warn(`Object with id "${id}" not found`);
-        const modelAsMercator = mapbox_gl.MercatorCoordinate.fromLngLat(lngLat, altitude);
+        const transformedLngLat = this.mapless?.coordTrans('dataToTile', lngLat);
+        const modelAsMercator = mapbox_gl.MercatorCoordinate.fromLngLat(transformedLngLat, altitude);
         const renderableObj = mapThree.getRenderableObject(id);
         if (renderableObj) mapThree.updateRenderableObjectTransform(id, {
             ...renderableObj.transform,
@@ -17526,6 +17600,10 @@ class BasicThreeObjectManager extends manager_Manager {
             translateY: modelAsMercator.y,
             translateZ: modelAsMercator.z
         });
+        if (objData.originalOptions) {
+            objData.originalOptions.lngLat = lngLat;
+            objData.originalOptions.altitude = altitude;
+        }
     }
     updateObjectRotation(id, rotation) {
         const mapThree = this.getMapThree();
@@ -17559,7 +17637,8 @@ class BasicThreeObjectManager extends manager_Manager {
         if (!mapThree) return;
         const objData = this.objects.get(id);
         if (!objData) return void console.warn(`Object with id "${id}" not found`);
-        const modelAsMercator = mapbox_gl.MercatorCoordinate.fromLngLat(lngLat, altitude);
+        const transformedLngLat = this.mapless?.coordTrans('dataToTile', lngLat);
+        const modelAsMercator = mapbox_gl.MercatorCoordinate.fromLngLat(transformedLngLat, altitude);
         const mercatorScale = modelAsMercator.meterInMercatorCoordinateUnits() * scale;
         const renderableObj = mapThree.getRenderableObject(id);
         if (renderableObj) mapThree.updateRenderableObjectTransform(id, {
@@ -17630,6 +17709,27 @@ class BasicThreeObjectManager extends manager_Manager {
     getObjectIds() {
         return Array.from(this.objects.keys());
     }
+    handleCoordSystemChange(_system) {
+        const mapThree = this.getMapThree();
+        if (!mapThree || 0 === this.objects.size) return;
+        this.objects.forEach((objData, id)=>{
+            if (!objData.originalOptions) return;
+            const { lngLat, altitude, rotation, scale } = objData.originalOptions;
+            mapThree.removeRenderableObject(id);
+            const transformedLngLat = this.mapless?.coordTrans('dataToTile', lngLat);
+            const modelAsMercator = mapbox_gl.MercatorCoordinate.fromLngLat(transformedLngLat, altitude);
+            const mercatorScale = modelAsMercator.meterInMercatorCoordinateUnits() * (scale || 1);
+            mapThree.addRenderableObject(id, objData.mesh, {
+                translateX: modelAsMercator.x,
+                translateY: modelAsMercator.y,
+                translateZ: modelAsMercator.z,
+                rotateX: rotation?.[0] || 0,
+                rotateY: rotation?.[1] || 0,
+                rotateZ: rotation?.[2] || 0,
+                scale: mercatorScale
+            });
+        });
+    }
     destroy() {
         this.clearObjects();
     }
@@ -17679,10 +17779,11 @@ class Curve3DManager extends manager_Manager {
     }
     calculateTransform(points) {
         if (0 === points.length) throw new Error('Cannot calculate transform for empty points');
-        const firstPoint = mapbox_gl.MercatorCoordinate.fromLngLat([
+        const transformedFirst = this.mapless?.coordTrans('dataToTile', [
             points[0].lng,
             points[0].lat
-        ], points[0].alt);
+        ]);
+        const firstPoint = mapbox_gl.MercatorCoordinate.fromLngLat(transformedFirst, points[0].alt);
         return {
             translateX: firstPoint.x,
             translateY: firstPoint.y,
@@ -17695,10 +17796,11 @@ class Curve3DManager extends manager_Manager {
         points.forEach((point, index)=>{
             if (0 === index) vector3Points.push(new Vector3(0, 0, 0));
             else {
-                const currentMercator = mapbox_gl.MercatorCoordinate.fromLngLat([
+                const transformedPoint = this.mapless?.coordTrans('dataToTile', [
                     point.lng,
                     point.lat
-                ], point.alt);
+                ]);
+                const currentMercator = mapbox_gl.MercatorCoordinate.fromLngLat(transformedPoint, point.alt);
                 const dx = currentMercator.x - transform.translateX;
                 const dy = currentMercator.y - transform.translateY;
                 const dz = currentMercator.z - transform.translateZ;
@@ -17707,6 +17809,33 @@ class Curve3DManager extends manager_Manager {
         });
         return vector3Points;
     }
+    handleCoordSystemChange(_system) {
+        if (this.curves.size > 0 && this.getMapThree()) {
+            const entries = Array.from(this.curves.entries());
+            entries.forEach(([id, curveData])=>{
+                const mapThree = this.getMapThree();
+                if (mapThree) mapThree.removeRenderableObject(id);
+                const transform = this.calculateTransform(curveData.originalPoints);
+                const points = this.convertPoints(curveData.originalPoints, transform);
+                const mesh = this.createMesh({
+                    ...curveData,
+                    points
+                });
+                if (mapThree) mapThree.addRenderableObject(id, mesh, {
+                    translateX: transform.translateX,
+                    translateY: transform.translateY,
+                    translateZ: transform.translateZ,
+                    scale: transform.scale
+                });
+                this.curves.set(id, {
+                    ...curveData,
+                    points,
+                    transform,
+                    mesh
+                });
+            });
+        }
+    }
     addCurve(id, config) {
         const mapThree = this.getMapThree();
         if (!mapThree) throw new Error('Three scene not initialized. Call useThree first.');
@@ -17726,7 +17855,8 @@ class Curve3DManager extends manager_Manager {
             points,
             mesh: null,
             transform,
-            config: curveConfig
+            config: curveConfig,
+            originalPoints: config.points
         };
         if (points.length >= 2) {
             const mesh = this.createMesh(curveData);
@@ -17759,6 +17889,7 @@ class Curve3DManager extends manager_Manager {
             mapThree.removeRenderableObject(id);
             curveData.transform = this.calculateTransform(config.points);
             curveData.points = this.convertPoints(config.points, curveData.transform);
+            curveData.originalPoints = config.points;
             const mesh = this.createMesh(curveData);
             curveData.mesh = mesh;
             mapThree.addRenderableObject(id, mesh, {
@@ -17816,10 +17947,13 @@ class InstancedModelManager extends manager_Manager {
     customLayerId;
     isInitialized = false;
     instancedMeshes = new Map();
+    instanceDataMap = new Map();
     rotationAngles = new Map();
     autoRotateEnabled = new Map();
     rotationSpeeds = new Map();
-    renderCount = 0;
+    clickCallback = null;
+    lastProjectionMatrix = null;
+    originalConfigs = new Map();
     constructor(mapless){
         super(mapless);
         this.map = mapless.map;
@@ -17863,16 +17997,13 @@ class InstancedModelManager extends manager_Manager {
             renderingMode: '3d',
             onAdd: ()=>{
                 console.log('InstancedModelManager: Custom layer added');
+                this.setupClickHandler();
             },
             render: (_gl, matrix)=>{
                 if (!this.camera || !this.renderer || !this.scene) return;
-                this.renderCount++;
-                if (this.renderCount % 60 === 0) console.log('InstancedModelManager: Rendering', {
-                    frame: this.renderCount,
-                    instanceCount: this.instancedMeshes.size
-                });
                 this.updateAutoRotate();
                 this.camera.projectionMatrix = new Matrix4().fromArray(matrix);
+                this.lastProjectionMatrix = this.camera.projectionMatrix.clone();
                 _gl.enable(_gl.DEPTH_TEST);
                 this.renderer.resetState();
                 this.renderer.render(this.scene, this.camera);
@@ -17881,6 +18012,57 @@ class InstancedModelManager extends manager_Manager {
         };
         this.map.addLayer(customLayer);
     }
+    setupClickHandler() {
+        if (!this.map) return;
+        const canvas = this.map.getCanvas();
+        const handleClick = (e)=>{
+            if (!this.camera || !this.scene || !this.renderer || !this.lastProjectionMatrix) return;
+            const rect = canvas.getBoundingClientRect();
+            const ndcX = (e.clientX - rect.left) / rect.width * 2 - 1;
+            const ndcY = 2 * -((e.clientY - rect.top) / rect.height) + 1;
+            const meshes = Array.from(this.instancedMeshes.entries());
+            let closestHit = null;
+            let minDistance = 1 / 0;
+            for (const [groupId, instancedMesh] of meshes){
+                const inverseProj = this.lastProjectionMatrix.clone().invert();
+                const nearPoint = new Vector4(ndcX, ndcY, -1, 1).applyMatrix4(inverseProj);
+                nearPoint.divideScalar(nearPoint.w);
+                const farPoint = new Vector4(ndcX, ndcY, 1, 1).applyMatrix4(inverseProj);
+                farPoint.divideScalar(farPoint.w);
+                const origin = new Vector3(0, 0, 0);
+                const direction = new Vector3(farPoint.x - nearPoint.x, farPoint.y - nearPoint.y, farPoint.z - nearPoint.z).normalize();
+                const raycaster = new Raycaster(origin, direction);
+                const intersects = raycaster.intersectObject(instancedMesh, false);
+                if (intersects.length > 0 && intersects[0].distance < minDistance) {
+                    const intersection = intersects[0];
+                    const instanceId = intersection.instanceId;
+                    if (void 0 !== instanceId) {
+                        minDistance = intersection.distance;
+                        closestHit = {
+                            groupId,
+                            instanceIndex: instanceId,
+                            point: intersection.point,
+                            distance: intersection.distance
+                        };
+                    }
+                }
+            }
+            if (closestHit && this.clickCallback) {
+                const instanceData = this.instanceDataMap.get(closestHit.groupId)?.[closestHit.instanceIndex];
+                if (instanceData) this.clickCallback({
+                    id: closestHit.groupId,
+                    instanceIndex: closestHit.instanceIndex,
+                    point: closestHit.point,
+                    lngLat: instanceData.lngLat,
+                    altitude: instanceData.altitude
+                });
+            }
+        };
+        canvas.addEventListener('click', handleClick);
+    }
+    onClick(callback) {
+        this.clickCallback = callback;
+    }
     updateAutoRotate() {
         this.autoRotateEnabled.forEach((enabled, id)=>{
             if (!enabled) return;
@@ -17906,9 +18088,9 @@ class InstancedModelManager extends manager_Manager {
         for(let i = 0; i < config.count; i++){
             const lngOffset = (Math.random() - 0.5) * config.spread * 2;
             const latOffset = (Math.random() - 0.5) * config.spread * 2;
-            const altitude = 100 * Math.random() + 50;
+            const altitude = 500 * Math.random();
             const rotation = Math.random() * Math.PI * 2;
-            const scaleVariation = 0.8 + 0.4 * Math.random();
+            const scaleVariation = 1 + 2 * Math.random();
             instances.push({
                 lngLat: [
                     config.center[0] + lngOffset,
@@ -17921,25 +18103,55 @@ class InstancedModelManager extends manager_Manager {
         }
         return instances;
     }
+    handleCoordSystemChange(_system) {
+        if (!this.scene || !this.map || 0 === this.originalConfigs.size) return;
+        this.originalConfigs.forEach((config, id)=>{
+            this.remove(id);
+            this.load(id, config).catch((error)=>{
+                console.error(`Failed to reload instanced model "${id}" after coord system change:`, error);
+            });
+        });
+    }
     async load(id, config) {
         this.initThree();
         if (!this.scene || !this.map) throw new Error('Three.js scene not initialized');
         this.remove(id);
-        const dracoLoader = new DRACOLoader();
-        dracoLoader.setDecoderPath('https://www.gstatic.com/draco/versioned/decoders/1.5.6/');
         const loader = new GLTFLoader();
-        loader.setDRACOLoader(dracoLoader);
         try {
             console.log('InstancedModel: Loading model', config.url);
             const gltf = await new Promise((resolve, reject)=>{
                 loader.load(config.url, resolve, void 0, reject);
             });
             const gltfScene = gltf.scene;
-            let meshToUse = null;
+            const meshes = [];
             gltfScene.traverse((object)=>{
-                if (object instanceof Mesh && !meshToUse) meshToUse = object;
+                if (object instanceof Mesh) meshes.push(object);
+            });
+            if (0 === meshes.length) throw new Error('No mesh found in model');
+            console.log('InstancedModel: Found meshes', {
+                count: meshes.length,
+                details: meshes.map((m, i)=>({
+                        index: i,
+                        vertices: m.geometry.attributes.position?.count,
+                        hasMaterial: !!m.material,
+                        materialArray: Array.isArray(m.material)
+                    }))
             });
-            if (!meshToUse) throw new Error('No mesh found in model');
+            let meshToUse;
+            if (1 === meshes.length) meshToUse = meshes[0];
+            else {
+                const geometries = meshes.map((mesh)=>{
+                    const geometry = mesh.geometry.clone();
+                    geometry.applyMatrix4(mesh.matrixWorld);
+                    return geometry;
+                });
+                const geometry = mergeGeometries(geometries, false);
+                if (geometry) meshToUse = new Mesh(geometry, meshes[0].material);
+                else {
+                    console.warn('Failed to merge geometries, falling back to first mesh');
+                    meshToUse = meshes[0];
+                }
+            }
             const mesh = meshToUse;
             const materialToUse = Array.isArray(mesh.material) ? mesh.material[0] : mesh.material;
             const instancedMesh = new InstancedMesh(mesh.geometry.clone(), materialToUse.clone(), config.count);
@@ -17948,7 +18160,8 @@ class InstancedModelManager extends manager_Manager {
             if ('side' in instancedMesh.material) instancedMesh.material.side = DoubleSide;
             const instances = this.generateInstances(config);
             const angles = new Float32Array(config.count);
-            const meterInMercator = mapbox_gl.MercatorCoordinate.fromLngLat(config.center, 0).meterInMercatorCoordinateUnits();
+            const transformedCenter = this.mapless?.coordTrans('dataToTile', config.center);
+            const meterInMercator = mapbox_gl.MercatorCoordinate.fromLngLat(transformedCenter, 0).meterInMercatorCoordinateUnits();
             console.log('InstancedModel: Creating instances', {
                 instanceCount: config.count,
                 center: config.center,
@@ -17959,7 +18172,8 @@ class InstancedModelManager extends manager_Manager {
             });
             const dummy = new Object3D();
             instances.forEach((instance, i)=>{
-                const mercator = mapbox_gl.MercatorCoordinate.fromLngLat(instance.lngLat, instance.altitude);
+                const transformedLngLat = this.mapless?.coordTrans('dataToTile', instance.lngLat);
+                const mercator = mapbox_gl.MercatorCoordinate.fromLngLat(transformedLngLat, instance.altitude);
                 dummy.position.set(mercator.x, mercator.y, mercator.z);
                 dummy.rotation.set(0, 0, instance.rotation);
                 const scale = meterInMercator * config.scale * instance.scale;
@@ -17971,9 +18185,11 @@ class InstancedModelManager extends manager_Manager {
             instancedMesh.instanceMatrix.needsUpdate = true;
             this.scene.add(instancedMesh);
             this.instancedMeshes.set(id, instancedMesh);
+            this.instanceDataMap.set(id, instances);
             this.rotationAngles.set(id, angles);
             this.autoRotateEnabled.set(id, config.autoRotate || false);
             this.rotationSpeeds.set(id, config.rotationSpeed || 0.01);
+            this.originalConfigs.set(id, config);
             console.log(`InstancedModel "${id}" loaded with ${config.count} instances`);
         } catch (error) {
             console.error(`Failed to load instanced model "${id}":`, error);
@@ -17990,7 +18206,8 @@ class InstancedModelManager extends manager_Manager {
     updateInstance(id, index, lngLat, altitude) {
         const instancedMesh = this.instancedMeshes.get(id);
         if (!instancedMesh) return;
-        const mercator = mapbox_gl.MercatorCoordinate.fromLngLat(lngLat, altitude);
+        const transformedLngLat = this.mapless?.coordTrans('dataToTile', lngLat);
+        const mercator = mapbox_gl.MercatorCoordinate.fromLngLat(transformedLngLat, altitude);
         const dummy = new Object3D();
         instancedMesh.getMatrixAt(index, dummy.matrix);
         dummy.matrix.decompose(dummy.position, dummy.quaternion, dummy.scale);
@@ -17998,6 +18215,11 @@ class InstancedModelManager extends manager_Manager {
         dummy.updateMatrix();
         instancedMesh.setMatrixAt(index, dummy.matrix);
         instancedMesh.instanceMatrix.needsUpdate = true;
+        const instances = this.instanceDataMap.get(id);
+        if (instances && instances[index]) {
+            instances[index].lngLat = lngLat;
+            instances[index].altitude = altitude;
+        }
     }
     setInstanceVisible(id, visible) {
         const instancedMesh = this.instancedMeshes.get(id);
@@ -18019,13 +18241,14 @@ class InstancedModelManager extends manager_Manager {
     remove(id) {
         const instancedMesh = this.instancedMeshes.get(id);
         if (!instancedMesh) return;
-        if (this.scene) this.scene.remove(instancedMesh);
+        this.scene?.remove(instancedMesh);
         instancedMesh.geometry.dispose();
         if (Array.isArray(instancedMesh.material)) instancedMesh.material.forEach((m)=>{
             m.dispose();
         });
         else instancedMesh.material.dispose();
         this.instancedMeshes.delete(id);
+        this.instanceDataMap.delete(id);
         this.rotationAngles.delete(id);
         this.autoRotateEnabled.delete(id);
         this.rotationSpeeds.delete(id);
@@ -18057,6 +18280,7 @@ class InstancedModelManager extends manager_Manager {
         this.scene = null;
         this.camera = null;
         this.isInitialized = false;
+        this.originalConfigs.clear();
     }
 }
 const instancedModel = InstancedModelManager;
@@ -18127,10 +18351,11 @@ class Line2Manager extends manager_Manager {
     }
     calculateTransform(points) {
         if (0 === points.length) throw new Error('Cannot calculate transform for empty points');
-        const firstPoint = mapbox_gl.MercatorCoordinate.fromLngLat([
+        const transformedFirst = this.mapless?.coordTrans('dataToTile', [
             points[0].lng,
             points[0].lat
-        ], points[0].alt);
+        ]);
+        const firstPoint = mapbox_gl.MercatorCoordinate.fromLngLat(transformedFirst, points[0].alt);
         return {
             translateX: firstPoint.x,
             translateY: firstPoint.y,
@@ -18143,10 +18368,11 @@ class Line2Manager extends manager_Manager {
         points.forEach((point, index)=>{
             if (0 === index) positions.push(0, 0, 0);
             else {
-                const currentMercator = mapbox_gl.MercatorCoordinate.fromLngLat([
+                const transformedPoint = this.mapless?.coordTrans('dataToTile', [
                     point.lng,
                     point.lat
-                ], point.alt);
+                ]);
+                const currentMercator = mapbox_gl.MercatorCoordinate.fromLngLat(transformedPoint, point.alt);
                 const dx = currentMercator.x - transform.translateX;
                 const dy = currentMercator.y - transform.translateY;
                 const dz = currentMercator.z - transform.translateZ;
@@ -18155,6 +18381,27 @@ class Line2Manager extends manager_Manager {
         });
         return positions;
     }
+    handleCoordSystemChange(_system) {
+        const mapThree = this.getMapThree();
+        if (!mapThree || 0 === this.lines.size) return;
+        this.lines.forEach((lineData, id)=>{
+            mapThree.removeRenderableObject(id);
+            lineData.transform = this.calculateTransform(lineData.points);
+            const positions = this.convertPoints(lineData.points, lineData.transform);
+            lineData.geometry.setPositions(positions);
+            lineData.geometry.computeBoundingSphere();
+            mapThree.addRenderableObject(id, lineData.line2, {
+                translateX: lineData.transform.translateX,
+                translateY: lineData.transform.translateY,
+                translateZ: lineData.transform.translateZ,
+                scale: lineData.transform.scale
+            });
+        });
+    }
+    onStyleChanged = (_tag)=>{
+        const mapThree = this.getMapThree();
+        mapThree?.onStyleChanged();
+    };
     createMaterial(config) {
         const colorNumber = 'string' == typeof config.color ? new Color(config.color).getHex() : 'number' == typeof config.color ? config.color : new Color(config.color).getHex();
         const material = new LineMaterial({
@@ -18439,6 +18686,7 @@ class ModelManager extends manager_Manager {
     prefabs = new Map();
     mixers = new Map();
     clock = new Clock();
+    modelConfigs = new Map();
     constructor(mapless){
         super(mapless);
         this.map = mapless.map;
@@ -18500,7 +18748,8 @@ class ModelManager extends manager_Manager {
             });
             this.prefabs.set(modelId, model);
         }
-        const modelAsMercator = mapbox_gl.MercatorCoordinate.fromLngLat(lngLat, altitude);
+        const transformedLngLat = this.mapless?.coordTrans('dataToTile', lngLat);
+        const modelAsMercator = mapbox_gl.MercatorCoordinate.fromLngLat(transformedLngLat, altitude);
         const mercatorScale = modelAsMercator.meterInMercatorCoordinateUnits() * scale;
         mapThree.addRenderableObject(modelId, model, {
             translateX: modelAsMercator.x,
@@ -18511,6 +18760,13 @@ class ModelManager extends manager_Manager {
             rotateZ: rotation[2],
             scale: mercatorScale
         });
+        this.modelConfigs.set(modelId, {
+            url,
+            lngLat,
+            altitude,
+            rotation,
+            scale
+        });
         console.log('Model loaded:', {
             id: modelId,
             transform: {
@@ -18598,7 +18854,8 @@ class ModelManager extends manager_Manager {
                 }
             });
         }
-        const modelAsMercator = mapbox_gl.MercatorCoordinate.fromLngLat(lngLat, altitude);
+        const transformedLngLat = this.mapless?.coordTrans('dataToTile', lngLat);
+        const modelAsMercator = mapbox_gl.MercatorCoordinate.fromLngLat(transformedLngLat, altitude);
         const mercatorScale = modelAsMercator.meterInMercatorCoordinateUnits() * scale;
         if (groupId) {
             const group = mapThree.getGroup(groupId);
@@ -18613,6 +18870,7 @@ class ModelManager extends manager_Manager {
             rotateZ: rotation[2],
             scale: mercatorScale
         });
+        this.modelConfigs.set(id, config);
         console.log('Model added:', {
             id,
             transform: {
@@ -18630,7 +18888,8 @@ class ModelManager extends manager_Manager {
     updateModelPosition(id, lngLat, altitude = 0) {
         const mapThree = this.getMapThree();
         if (!mapThree) return;
-        const modelAsMercator = mapbox_gl.MercatorCoordinate.fromLngLat(lngLat, altitude);
+        const transformedLngLat = this.mapless?.coordTrans('dataToTile', lngLat);
+        const modelAsMercator = mapbox_gl.MercatorCoordinate.fromLngLat(transformedLngLat, altitude);
         const renderableObj = mapThree.getRenderableObject(id);
         if (renderableObj) mapThree.updateRenderableObjectTransform(id, {
             ...renderableObj.transform,
@@ -18638,6 +18897,11 @@ class ModelManager extends manager_Manager {
             translateY: modelAsMercator.y,
             translateZ: modelAsMercator.z
         });
+        const config = this.modelConfigs.get(id);
+        if (config) {
+            config.lngLat = lngLat;
+            config.altitude = altitude;
+        }
     }
     updateModelRotation(id, rotation) {
         const mapThree = this.getMapThree();
@@ -18685,6 +18949,7 @@ class ModelManager extends manager_Manager {
         if (!mapThree) return;
         mapThree.removeRenderableObject(id);
         this.stopAnimation(id);
+        this.modelConfigs.delete(id);
     }
     clearModels() {
         const mapThree = this.getMapThree();
@@ -18697,6 +18962,24 @@ class ModelManager extends manager_Manager {
             mixer.stopAllAction();
         });
         this.mixers.clear();
+        this.modelConfigs.clear();
+    }
+    handleCoordSystemChange(_system) {
+        const mapThree = this.getMapThree();
+        if (!mapThree || 0 === this.modelConfigs.size) return;
+        this.modelConfigs.forEach((config, id)=>{
+            const transformedLngLat = this.mapless?.coordTrans('dataToTile', config.lngLat);
+            const modelAsMercator = mapbox_gl.MercatorCoordinate.fromLngLat(transformedLngLat, config.altitude || 0);
+            const mercatorScale = modelAsMercator.meterInMercatorCoordinateUnits() * (config.scale || 1);
+            const renderableObj = mapThree.getRenderableObject(id);
+            if (renderableObj) mapThree.updateRenderableObjectTransform(id, {
+                ...renderableObj.transform,
+                translateX: modelAsMercator.x,
+                translateY: modelAsMercator.y,
+                translateZ: modelAsMercator.z,
+                scale: mercatorScale
+            });
+        });
     }
     getModel(id) {
         const mapThree = this.getMapThree();
@@ -18754,6 +19037,7 @@ class ThreeManager extends manager_Manager {
     boxHelper = null;
     isSelected = false;
     clickCleanup = null;
+    originalModelConfig = null;
     constructor(mapless){
         super(mapless);
         this.map = mapless.map;
@@ -18799,7 +19083,8 @@ class ThreeManager extends manager_Manager {
                 this.baseRotation = [
                     ...rotation
                 ];
-                const modelAsMercator = mapbox_gl.MercatorCoordinate.fromLngLat(lngLat, altitude);
+                const transformedLngLat = this.mapless?.coordTrans('dataToTile', lngLat);
+                const modelAsMercator = mapbox_gl.MercatorCoordinate.fromLngLat(transformedLngLat, altitude);
                 this.modelTransform = {
                     translateX: modelAsMercator.x,
                     translateY: modelAsMercator.y,
@@ -18821,6 +19106,14 @@ class ThreeManager extends manager_Manager {
                     action.play();
                     this.currentAction = action;
                 }
+                this.originalModelConfig = {
+                    url,
+                    lngLat,
+                    altitude,
+                    rotation,
+                    scale,
+                    color
+                };
                 const animationNames = this.animations.map((anim)=>anim.name);
                 resolve({
                     model: this.model,
@@ -18863,11 +19156,16 @@ class ThreeManager extends manager_Manager {
     updatePosition(lngLat, altitude = 0) {
         const mapThree = this.getMapThree();
         if (!mapThree || !this.model) return;
-        const modelAsMercator = mapbox_gl.MercatorCoordinate.fromLngLat(lngLat, altitude);
+        const transformedLngLat = this.mapless?.coordTrans('dataToTile', lngLat);
+        const modelAsMercator = mapbox_gl.MercatorCoordinate.fromLngLat(transformedLngLat, altitude);
         this.modelTransform.translateX = modelAsMercator.x;
         this.modelTransform.translateY = modelAsMercator.y;
         this.modelTransform.translateZ = modelAsMercator.z;
         this.modelTransform.scale = modelAsMercator.meterInMercatorCoordinateUnits() * this.userScale;
+        if (this.originalModelConfig) {
+            this.originalModelConfig.lngLat = lngLat;
+            this.originalModelConfig.altitude = altitude;
+        }
         this._buildFullTransformMatrix(this.currentOrientation.heading, this.currentOrientation.pitch, this.currentOrientation.roll);
     }
     _applyBaseRotation() {
@@ -19029,6 +19327,7 @@ class ThreeManager extends manager_Manager {
         this.model = null;
         this.animations = [];
         this.currentAction = null;
+        this.originalModelConfig = null;
         if (this.mixer) {
             this.mixer.stopAllAction();
             this.mixer = null;
@@ -19037,6 +19336,24 @@ class ThreeManager extends manager_Manager {
             this.updateAnimation();
         });
     }
+    handleCoordSystemChange(_system) {
+        if (!this.originalModelConfig) return;
+        const mapThree = this.getMapThree();
+        if (!mapThree || !this.model) return;
+        const { lngLat, altitude } = this.originalModelConfig;
+        const transformedLngLat = this.mapless?.coordTrans('dataToTile', lngLat);
+        const modelAsMercator = mapbox_gl.MercatorCoordinate.fromLngLat(transformedLngLat, altitude);
+        this.modelTransform.translateX = modelAsMercator.x;
+        this.modelTransform.translateY = modelAsMercator.y;
+        this.modelTransform.translateZ = modelAsMercator.z;
+        this.modelTransform.scale = modelAsMercator.meterInMercatorCoordinateUnits() * this.userScale;
+        this._buildFullTransformMatrix(this.currentOrientation.heading, this.currentOrientation.pitch, this.currentOrientation.roll);
+        mapThree.updateRenderableObjectTransform(this.modelId, this.modelTransform);
+    }
+    onStyleChanged = (_tag)=>{
+        const mapThree = this.getMapThree();
+        mapThree?.onStyleChanged();
+    };
     destroy() {
         this.dispose();
     }