bbj-screen-widget 2.4.66 → 2.4.68

package/fesm2015/bbj-screen-widget.js

@@ -1,5 +1,5 @@
 import { ɵɵdefineInjectable, ɵɵinject, Injectable, Component, ChangeDetectionStrategy, ChangeDetectorRef, Renderer2, ElementRef, NgModule, EventEmitter, NgZone, ViewChild, Input, Pipe, forwardRef, Inject, Optional, HostBinding, Directive, CUSTOM_ELEMENTS_SCHEMA, HostListener } from '@angular/core';
-import { BaiduMapService } from 'bbj-screen-widget/core';
+import { BaiduMapService, scaleAdapter, bd09towgs84, gcj02towgs84, wgs84tobd09, wgs84togcj02 } from 'bbj-screen-widget/core';
 export * from 'bbj-screen-widget/core';
 import { HttpClient, HttpClientJsonpModule } from '@angular/common/http';
 import { LazyService as LazyService$1, ArrayService, isNum } from '@delon/util';
@@ -21,7 +21,7 @@ import { NzSliderModule } from 'ng-zorro-antd/slider';
 import 'echarts-gl';
 import { NzResizeObserver } from 'ng-zorro-antd/core/resize-observers';
 import { Subject, Observable } from 'rxjs';
-import { takeUntil, take } from 'rxjs/operators';
+import { takeUntil } from 'rxjs/operators';
 import 'echarts-liquidfill';
 import { NzToolTipModule } from 'ng-zorro-antd/tooltip';
 import { getMap, registerMap } from 'echarts';
@@ -13173,44 +13173,7 @@ let CustomBaiduMapComponent = class CustomBaiduMapComponent {
         return __awaiter(this, void 0, void 0, function* () {
             if (this.scale$) {
                 // 这是为了解决地图缩放中心不在鼠标所在位置的问题
-                this.scale$.pipe(takeUntil(this.destroy$)).subscribe((scale) => {
-                    const { x: sx, y: sy, scaleContent } = scale;
-                    const style = this.element.style;
-                    if (scaleContent === false) {
-                        this.zone.onStable.pipe(take(1)).subscribe(() => {
-                            const parent = this.element.parentNode;
-                            if (parent) {
-                                const match = /translate\(([-\d.]+)px, ([-\d.]+)px\)/.exec(parent.style.transform);
-                                if (match) {
-                                    const offsetX = parseFloat(match[1]);
-                                    const offsetY = parseFloat(match[2]);
-                                    style.transform = `translate(${-offsetX}px,${-offsetY}px)`;
-                                    style.height = parent.clientHeight + offsetY + 'px';
-                                    style.width = parent.clientWidth + offsetX + 'px';
-                                    style.padding = `${offsetY}px 0 0 ${offsetX}px`;
-                                    // this.containerStyle = {
-                                    //   transformOrigin: `0 0`,
-                                    //   transform: `translate(${-offsetX}px,${-offsetY}px)`,
-                                    //   height: parent.clientHeight + offsetY + 'px',
-                                    //   width: parent.clientWidth + offsetX + 'px',
-                                    //   padding: `${offsetY}px 0 0 ${offsetX}px`,
-                                    // };
-                                }
-                            }
-                            // this.cd.markForCheck();
-                        });
-                    }
-                    else {
-                        const { position, size } = this.widgetRef.widget;
-                        const { x, y } = position;
-                        const { width, height } = size;
-                        style.transform = `translate(${-x}px,${-y}px) scale(${1 / sx},${1 / sy})`;
-                        style.height = (y + height) * sy + 'px';
-                        style.width = (x + width) * sx + 'px';
-                        style.padding = `${y * sy}px 0 0 ${x * sx}px`;
-                    }
-                    // this.cd.markForCheck();
-                });
+                scaleAdapter(this.scale$, this.destroy$, this.zone, this.elementRef.nativeElement, this.widgetRef);
             }
             yield this.initMap();
         });
@@ -13555,7 +13518,7 @@ CustomBaiduMapComponent.decorators = [
     { type: Component, args: [{
                 selector: 'sc-custom-baidu-map',
                 template: "<ng-template *ngFor=\"let child of children\" widget-host [widget]=\"child\"></ng-template>\n\n<!-- {{children|json}} -->\n<!-- <div class=\"map-container\" [ngStyle]=\"containerStyle\"> -->\n<div #container class=\"map\"></div>\n<nz-radio-group\n  *ngIf=\"showMapTypeRadio\"\n  class=\"map-type-radio\"\n  [(ngModel)]=\"mapTypeValue\"\n  (ngModelChange)=\"mapTypeChange($event)\"\n  nzButtonStyle=\"solid\"\n>\n  <label *ngFor=\"let item of mapTypeEnum\" nz-radio-button [nzValue]=\"item.value\">{{ item.label }}</label>\n</nz-radio-group>\n<!-- </div> -->\n",
-                styles: [":host{display:block;height:100%;width:100%;overflow:hidden;transform-origin:0 0;z-index:0;pointer-events:none}:host>*{pointer-events:auto}.map{height:100%;width:100%}:host::ng-deep .BMap_bubble_pop{background-color:var(--info-window-background,#fff)!important;border-color:var(--info-window-border-color,#ddd)!important}:host::ng-deep .BMap_bubble_content{color:var(--info-window-color,\"#555555\")!important}:host::ng-deep .BMap_pop div{background-color:var(--info-window-background,#fff)!important}:host::ng-deep .BMap_pop>div:nth-child(8){background-color:transparent!important}:host.hideInfoWindowTail::ng-deep .BMap_bubble_pop>img,:host.hideInfoWindowTail::ng-deep .BMap_pop>div:nth-child(8),:host::ng-deep .BMap_noprint.anchorTR,:host::ng-deep img[src$=\"/image/api/iws3.png\"]{display:none}:host.hideInfoWindowTop::ng-deep .BMap_bubble_pop{transform:translateY(31px)}:host.hideInfoWindowTop::ng-deep .BMap_bubble_pop>img{transform:translateY(-31px)}:host.hideInfoWindowTop::ng-deep .BMap_bubble_top,:host::ng-deep .anchorBL{display:none}.map-type-radio{position:absolute;bottom:20px;right:20px;z-index:10}"]
+                styles: [":host{display:block;height:100%;width:100%;overflow:hidden;transform-origin:0 0;z-index:0;pointer-events:none;position:relative}:host>*{pointer-events:auto}.map{height:100%;width:100%}:host::ng-deep .BMap_bubble_pop{background-color:var(--info-window-background,#fff)!important;border-color:var(--info-window-border-color,#ddd)!important}:host::ng-deep .BMap_bubble_content{color:var(--info-window-color,\"#555555\")!important}:host::ng-deep .BMap_pop div{background-color:var(--info-window-background,#fff)!important}:host::ng-deep .BMap_pop>div:nth-child(8){background-color:transparent!important}:host.hideInfoWindowTail::ng-deep .BMap_bubble_pop>img,:host.hideInfoWindowTail::ng-deep .BMap_pop>div:nth-child(8),:host::ng-deep .BMap_noprint.anchorTR,:host::ng-deep img[src$=\"/image/api/iws3.png\"]{display:none}:host.hideInfoWindowTop::ng-deep .BMap_bubble_pop{transform:translateY(31px)}:host.hideInfoWindowTop::ng-deep .BMap_bubble_pop>img{transform:translateY(-31px)}:host.hideInfoWindowTop::ng-deep .BMap_bubble_top,:host::ng-deep .anchorBL{display:none}.map-type-radio{position:absolute;bottom:20px;right:20px;z-index:10}"]
             },] }
 ];
 CustomBaiduMapComponent.ctorParameters = () => [
@@ -13748,6 +13711,7 @@ CustomBaiduMapComponent = __decorate([
             'sc-wind-layer',
             'sc-typhoon-area-layer',
             'sc-baidu-fence',
+            'sc-baidu-lushu',
         ],
         description: 'hasChildItem',
     }),
@@ -15259,8 +15223,11 @@ TyphoonAreaLayerComponent = __decorate([
 const EARTH_RADIUS$1 = 6371393;
 const ɵ0$c = { type: 'string', title: 'ID' };
 let BaiduFenceComponent = class BaiduFenceComponent extends BaseLayer {
-    constructor() {
-        super(...arguments);
+    constructor(parent, zone, message) {
+        super(parent, zone);
+        this.parent = parent;
+        this.zone = zone;
+        this.message = message;
         // @Property('标签字体', { ui: { widget: 'myFont', visibleIf: { showLabel: [true] } } })
         // textFont: any = {
         //   family: '',
@@ -15277,11 +15244,13 @@ let BaiduFenceComponent = class BaiduFenceComponent extends BaseLayer {
         this.data = [
             {
                 // name: '多边形',
+                id: '1',
                 type: 'polygon',
                 lnglat: '120.7,28;120.8,28;120.8,27.9;120.7,27.9',
             },
             {
                 // name: '圆形',
+                id: '2',
                 type: 'circle',
                 lnglat: '120.6,27.9',
                 radius: 5000,
@@ -15297,7 +15266,8 @@ let BaiduFenceComponent = class BaiduFenceComponent extends BaseLayer {
         });
         return __awaiter(this, void 0, void 0, function* () {
             _super.ngOnInit.call(this);
-            // await this.parent.init$;
+            yield this.parent.init$;
+            this.initSearch();
             // this.startDraw();
         });
     }
@@ -15327,27 +15297,6 @@ let BaiduFenceComponent = class BaiduFenceComponent extends BaseLayer {
                 if (!r.radius || !r.lnglat) {
                     return;
                 }
-                // const radius = (r.radius * 180) / EARTH_RADIUS / Math.PI;
-                // // let radius = cradius / 90;
-                // let pointNum = 90;
-                // let startAngle = 0;
-                // let endAngle = Math.PI * 2;
-                // let points = [];
-                // const lnglat = r.lnglat.split(',');
-                // const lng = +lnglat[0];
-                // const lat = +lnglat[1];
-                // for (var i = 0; i <= pointNum; i++) {
-                //   const angle = startAngle + ((endAngle - startAngle) * i) / pointNum;
-                //   const x = lng + (radius * Math.cos(angle)) / Math.abs(Math.cos((lat * Math.PI) / 180));
-                //   const y = lat + radius * Math.sin(angle);
-                //   points.push([x, y]);
-                // }
-                // data.push({
-                //   geometry: {
-                //     type: 'Polygon',
-                //     coordinates: [points],
-                //   },
-                // });
                 let pointsCount = 90;
                 const radius = r.radius;
                 const lnglat = r.lnglat.split(',');
@@ -15381,14 +15330,18 @@ let BaiduFenceComponent = class BaiduFenceComponent extends BaseLayer {
                 if (!r.lnglat) {
                     return;
                 }
-                const coordinates = r.lnglat.split(';').map((r) => {
+                // const coordinates = r.lnglat.split(';').map((r) => {
+                //   const lnglat = r.split(',');
+                //   return [+lnglat[0], +lnglat[1]];
+                // });
+                const coordinates = r.lnglat.split('\n').map((r) => r.split(';').map((r) => {
                     const lnglat = r.split(',');
                     return [+lnglat[0], +lnglat[1]];
-                });
+                }));
                 data.push({
                     geometry: {
                         type: 'Polygon',
-                        coordinates: [coordinates],
+                        coordinates: coordinates,
                     },
                 });
             }
@@ -15410,20 +15363,40 @@ let BaiduFenceComponent = class BaiduFenceComponent extends BaseLayer {
                             lnglat: `${lnglat.lng},${lnglat.lat}`,
                             radius: radius,
                         };
+                        // this.tempOverlay.forEach((r) => {
+                        //   this.parent.map.removeOverlay(r);
+                        // });
                         this.create.emit(data);
+                        this.editOverlay = null;
                     }
                     else {
                         const points = e.target.overlay.getPoints();
                         if (!this.data) {
                             this.data = [];
                         }
-                        const data = {
-                            type: 'polygon',
-                            lnglat: points.map((p) => `${p.latLng.lng},${p.latLng.lat}`).join(';'),
-                        };
+                        let data;
+                        if (points.length && Array.isArray(points[0])) {
+                            data = {
+                                type: 'polygon',
+                                lnglat: points.map((ps) => ps.map((p) => `${p.latLng.lng},${p.latLng.lat}`).join(';')).join('\n'),
+                            };
+                        }
+                        else {
+                            data = {
+                                type: 'polygon',
+                                lnglat: points.map((p) => `${p.latLng.lng},${p.latLng.lat}`).join(';'),
+                            };
+                        }
                         this.create.emit(data);
                     }
                 });
+                this.scene.addEventListener(OperateEventType.CANCEL, (e) => {
+                    console.log(e);
+                    if (this.editOverlay) {
+                        this.parent.map.removeOverlay(this.editOverlay);
+                        this.editOverlay = null;
+                    }
+                });
             }
             switch (type) {
                 case 'polygon':
@@ -15467,52 +15440,15 @@ let BaiduFenceComponent = class BaiduFenceComponent extends BaseLayer {
                     this.circle.open();
                     break;
             }
-            // this.stopDraw();
-            // this.editData = [];
-            // this.editLayer = new mapvgl.IconLayer({
-            //   width: 20 / 2,
-            //   height: 30.6 / 2,
-            //   offset: [0, -30.6 / 2 / 2],
-            //   icon: 'assets/img/screen/marker.png',
-            //   enablePicked: true, // 是否可以拾取
-            //   selectedIndex: -1, // 选中项
-            //   selectedColor: '#ff0000', // 选中项颜色
-            //   autoSelect: true, // 根据鼠标位置来自动设置选中项
-            //   onRightClick: (e) => {
-            //     console.log('right click', e);
-            //     this.editData.splice(e.dataIndex, 1);
-            //     this.updateEditData();
-            //   },
-            // });
-            // this.parent.addLayer(this.editLayer);
-            // this.editLineLayer = new mapvgl.SimpleLineLayer({
-            //   color: 'rgba(50, 50, 200, 1)',
-            //   blend: 'lighter',
-            //   data: [
-            //     {
-            //       geometry: {
-            //         type: 'LineString',
-            //         coordinates: [
-            //           [116.394191, 39.91334],
-            //           [116.417259, 39.913672],
-            //         ],
-            //       },
-            //     },
-            //   ],
-            // });
-            // this.parent.addLayer(this.editLineLayer);
-            // this.parent.mapClick.pipe(takeUntil(this.stopEdit$)).subscribe((point) => {
-            //   this.editData.push([point.lng, point.lat]);
-            //   // this.editData.push({
-            //   //   geometry: {
-            //   //     type: 'Point',
-            //   //     coordinates: [point.lng, point.lat],
-            //   //   },
-            //   // });
-            //   this.updateEditData();
-            // });
         });
     }
+    getOptions() {
+        return {
+            fillColor: this.fillColor,
+            strokeWeight: this.lineWidth,
+            strokeColor: this.lineColor,
+        };
+    }
     updateEditData() {
         if (this.editLayer) {
             this.editLayer.setData(this.editData.map((r) => ({ geometry: { type: 'Point', coordinates: r } })));
@@ -15555,24 +15491,120 @@ let BaiduFenceComponent = class BaiduFenceComponent extends BaseLayer {
         // this.editData = null;
     }
     search() {
-        if (!this.searchText) {
-        }
-        var local = new BMapGL.LocalSearch(this.parent.map, {
-            //智能搜索
-            onSearchComplete: (res) => {
-                console.log(res, local);
-            },
+        return __awaiter(this, void 0, void 0, function* () {
+            // 如果正在绘制多边形围栏，获取地名边界并绘制
+            const { PolygonEdit } = yield import('bmap-draw');
+            if (this.areaName) {
+                const boundary = new BMapGL.Boundary();
+                // 百度地图 Geocoder.getLocation 回调签名：(results, status)
+                boundary.get(this.areaName, (results) => {
+                    console.log('边界坐标数组：', results);
+                    // 检查状态是否成功
+                    if (results && results.boundaries && results.boundaries.length) {
+                        this.stopDraw();
+                        if (!this.polygonEdit) {
+                            this.polygonEdit = new PolygonEdit(this.scene);
+                        }
+                        const points = results.boundaries.map((boundary) => boundary.split(';').map((p) => {
+                            const [lng, lat] = p.split(',');
+                            return new BMapGL.Point(Number(lng), Number(lat));
+                        }));
+                        const overlay = new BMapGL.Polygon(points, this.getOptions());
+                        console.log(overlay);
+                        this.editOverlay = overlay;
+                        this.parent.map.addOverlay(overlay);
+                        this.parent.map.setViewport([].concat.apply([], points));
+                        this.polygonEdit.edit(overlay);
+                    }
+                    else {
+                        this.message.error('行政区域不存在');
+                    }
+                });
+            }
         });
-        local.search(this.searchText);
+    }
+    initSearch() {
+        return __awaiter(this, void 0, void 0, function* () {
+            const { PolygonEdit, CircleEdit } = yield import('bmap-draw');
+            const ac = new BMapGL.Autocomplete({
+                input: this.suggest.nativeElement,
+                location: this.parent.map,
+            });
+            ac.addEventListener('onconfirm', (e) => {
+                // 鼠标点击下拉列表后的事件
+                const value = e.item.value;
+                console.log(e);
+                // 如果正在绘制圆形围栏
+                if (this.circle) {
+                    if (!this.circleEdit) {
+                        this.circleEdit = new CircleEdit(this.scene);
+                    }
+                    const center = new BMapGL.Point(value.location.lng, value.location.lat);
+                    this.parent.map.centerAndZoom(center, 16);
+                    const overlay = new BMapGL.Circle(center, 300, this.getOptions());
+                    this.editOverlay = overlay;
+                    this.parent.map.addOverlay(overlay);
+                    this.circleEdit.open(overlay);
+                    this.searchText = null;
+                }
+            });
+        });
+    }
+    moveToView(id) {
+        if (!this.data || !id) {
+            return;
+        }
+        const data = this.data.find((r) => r.id === id);
+        if (!data) {
+            return;
+        }
+        if (data.type === 'circle') {
+            const [lng, lat] = data.lnglat.split(',');
+            const centerLng = Number(lng);
+            const centerLat = Number(lat);
+            const radius = Number(data.radius);
+            // 转换中心点纬度为弧度
+            const centerLatRad = (centerLat * Math.PI) / 180;
+            // 计算经度方向的偏移（弧度）
+            const deltaLngRad = radius / (EARTH_RADIUS$1 * Math.cos(centerLatRad));
+            // 计算纬度方向的偏移（弧度）
+            const deltaLatRad = radius / EARTH_RADIUS$1;
+            // 转换为角度偏移
+            const deltaLng = (deltaLngRad * 180) / Math.PI;
+            const deltaLat = (deltaLatRad * 180) / Math.PI;
+            // 计算圆形的四个边界点（上、下、左、右）
+            const points = [
+                new BMapGL.Point(centerLng, centerLat + deltaLat),
+                new BMapGL.Point(centerLng, centerLat - deltaLat),
+                new BMapGL.Point(centerLng - deltaLng, centerLat),
+                new BMapGL.Point(centerLng + deltaLng, centerLat),
+            ];
+            // 使用 setViewport 方法调整视图，使整个圆形可见
+            this.parent.map.setViewport(points);
+        }
+        else {
+            this.parent.map.setViewport(data.lnglat.split(/[;\n\r]+/).map((p) => {
+                const [lng, lat] = p.split(',');
+                return new BMapGL.Point(Number(lng), Number(lat));
+            }));
+        }
     }
 };
 BaiduFenceComponent.decorators = [
     { type: Component, args: [{
                 selector: 'sc-baidu-fence',
-                template: "<ng-container *ngIf=\"showDrawButton\">\n  <button nz-button (click)=\"startDraw('polygon')\">\u7ED8\u5236\u591A\u8FB9\u5F62</button>\n  <button nz-button (click)=\"startDraw('circle')\">\u7ED8\u5236\u5706\u5F62</button>\n  <button nz-button (click)=\"stopDraw()\">\u7ED3\u675F\u7ED8\u5236</button>\n</ng-container>\n\n<!-- <input type=\"text\" placeholder=\"\u8BF7\u8F93\u5165\u5730\u70B9\" [(ngModel)]=\"searchText\" />\n<button nz-button (click)=\"search()\">\u67E5\u8BE2</button> -->\n",
-                styles: [":host{position:absolute;display:block;left:0;top:0;z-index:100;padding:12px;pointer-events:auto}button{transition:none}"]
+                template: "<ng-container *ngIf=\"showDrawButton\">\n  <button nz-button (click)=\"startDraw('polygon')\">\u7ED8\u5236\u591A\u8FB9\u5F62</button>\n  <button nz-button (click)=\"startDraw('circle')\">\u7ED8\u5236\u5706\u5F62</button>\n  <button nz-button (click)=\"stopDraw()\">\u7ED3\u675F\u7ED8\u5236</button>\n  <button nz-button (click)=\"moveToView('1')\">\u79FB\u52A8\u5230\u4E2D\u5FC31</button>\n  <button nz-button (click)=\"moveToView('2')\">\u79FB\u52A8\u5230\u4E2D\u5FC32</button>\n</ng-container>\n<input\n  nz-input\n  [ngClass]=\"{ hidden: !circle?.isOpen }\"\n  #suggest\n  type=\"text\"\n  [(ngModel)]=\"searchText\"\n  placeholder=\"\u8BF7\u8F93\u5165\u4E2D\u5FC3\u70B9\u4F4D\u7F6E\"\n  class=\"input\"\n/>\n<ng-container *ngIf=\"polygon?.isOpen\">\n  <input nz-input type=\"text\" placeholder=\"\u8BF7\u8F93\u5165\u884C\u653F\u533A\u540D\u79F0\" [(ngModel)]=\"areaName\" class=\"input\" />\n  <button nz-button (click)=\"search()\" style=\"margin-left: 12px\">\u786E\u8BA4</button>\n</ng-container>\n<!-- <input type=\"text\" placeholder=\"\u8BF7\u8F93\u5165\u5730\u70B9\" [(ngModel)]=\"searchText\" />\n<button nz-button (click)=\"search()\">\u67E5\u8BE2</button> -->\n",
+                styles: [":host{position:absolute;display:block;left:0;top:0;z-index:100;padding:12px;pointer-events:auto}button{transition:none}.hidden{display:none}.input{width:300px;margin-left:12px}"]
             },] }
 ];
+BaiduFenceComponent.ctorParameters = () => [
+    { type: CustomBaiduMapComponent },
+    { type: NgZone },
+    { type: NzMessageService }
+];
+BaiduFenceComponent.propDecorators = {
+    suggest: [{ type: ViewChild, args: ['suggest',] }]
+};
 __decorate([
     Property('线条宽度', {
         ui: { widget: 'myRange', min: 1, max: 40, step: 1 },
@@ -15644,15 +15676,241 @@ __decorate([
     __metadata("design:paramtypes", []),
     __metadata("design:returntype", void 0)
 ], BaiduFenceComponent.prototype, "stopDraw", null);
+__decorate([
+    Method('移动到中心'),
+    __param(0, Param('id')),
+    __metadata("design:type", Function),
+    __metadata("design:paramtypes", [String]),
+    __metadata("design:returntype", void 0)
+], BaiduFenceComponent.prototype, "moveToView", null);
 BaiduFenceComponent = __decorate([
     Widget('电子围栏', {
         group: 'component',
         image: '',
         icon: '',
         hidden: true,
-    })
+    }),
+    __metadata("design:paramtypes", [CustomBaiduMapComponent,
+        NgZone,
+        NzMessageService])
 ], BaiduFenceComponent);
 
+let BaiduLushuComponent = class BaiduLushuComponent {
+    constructor(parent, lazy, zone) {
+        this.parent = parent;
+        this.lazy = lazy;
+        this.zone = zone;
+        this.speed = 500;
+        this.iconWidth = 32;
+        this.iconHeight = 32;
+        this.showPolyline = true;
+        this.polylineColor = '#111';
+        this.autoStart = true;
+        // @Property('自动视野调整', { type: 'boolean' })
+        // autoView = true;
+        this.enableRotation = true;
+        this.defaultContent = '行驶中';
+        this.data = [
+            {
+                lng: '120.7',
+                lat: '28',
+            },
+            {
+                lng: '120.71',
+                lat: '28.01',
+                landmark: '加油站',
+                pauseTime: 2,
+            },
+            {
+                lng: '120.79',
+                lat: '28.1',
+            },
+        ];
+        this.lushu = null;
+        this.inited = false;
+    }
+    ngOnInit() {
+        this.zone.runOutsideAngular(() => __awaiter(this, void 0, void 0, function* () {
+            yield this.parent.init$;
+            yield this.lazy.loadScript('/assets/js/BMapGL/Lushu.js');
+            this.inited = true;
+            this.update();
+        }));
+    }
+    ngOnChanges(changes) {
+        if (this.inited) {
+            this.zone.runOutsideAngular(() => {
+                this.update();
+            });
+        }
+    }
+    ngOnDestroy() {
+        this.clear();
+    }
+    update() {
+        var _a;
+        this.clear();
+        if (!((_a = this.data) === null || _a === void 0 ? void 0 : _a.length)) {
+            return;
+        }
+        const landmarkPois = [];
+        const arrPois = this.data.map((item) => {
+            if (item.landmark || item.pauseTime) {
+                landmarkPois.push({
+                    lng: Number(item.lng),
+                    lat: Number(item.lat),
+                    html: item.landmark,
+                    pauseTime: item.pauseTime ? Number(item.pauseTime) : 0,
+                });
+            }
+            return new BMapGL.Point(item.lng, item.lat);
+        });
+        if (this.showPolyline) {
+            this.polyline = new BMapGL.Polyline(arrPois, { strokeColor: this.polylineColor });
+            this.parent.map.addOverlay(this.polyline);
+        }
+        this.lushu = new BMapGLLib.LuShu(this.parent.map, arrPois, {
+            defaultContent: this.defaultContent || '',
+            autoView: false,
+            icon: new BMapGL.Icon(this.icon || '/assets/img/screen/car.png', new BMapGL.Size(this.iconWidth, this.iconHeight), {
+                anchor: new BMapGL.Size(10, 10),
+            }),
+            speed: this.speed,
+            enableRotation: this.enableRotation,
+            // defaultContent不为空时才会显示
+            landmarkPois: landmarkPois,
+        });
+        if (this.autoStart) {
+            this.start();
+        }
+    }
+    start() {
+        if (this.lushu) {
+            this.parent.map.setViewport(this.lushu.path);
+            this.lushu.start();
+        }
+    }
+    stop() {
+        if (this.lushu) {
+            this.lushu.stop();
+        }
+    }
+    pause() {
+        if (this.lushu) {
+            this.lushu.pause();
+        }
+    }
+    clear() {
+        if (this.lushu) {
+            this.lushu.clear();
+            this.lushu = null;
+        }
+        if (this.polyline) {
+            this.parent.map.removeOverlay(this.polyline);
+        }
+    }
+    setSpeed(speed) {
+        if (speed) {
+            this.speed = speed;
+            this.update();
+        }
+    }
+};
+BaiduLushuComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'sc-baidu-lushu',
+                template: "",
+                styles: [""]
+            },] }
+];
+BaiduLushuComponent.ctorParameters = () => [
+    { type: CustomBaiduMapComponent },
+    { type: LazyService$1 },
+    { type: NgZone }
+];
+__decorate([
+    Property('速度', { type: 'number' }),
+    __metadata("design:type", Object)
+], BaiduLushuComponent.prototype, "speed", void 0);
+__decorate([
+    Property('图标', { type: 'string', ui: { widget: 'myPicture' } }),
+    __metadata("design:type", String)
+], BaiduLushuComponent.prototype, "icon", void 0);
+__decorate([
+    Property('图标宽度', { type: 'number' }),
+    __metadata("design:type", Number)
+], BaiduLushuComponent.prototype, "iconWidth", void 0);
+__decorate([
+    Property('图标高度', { type: 'number' }),
+    __metadata("design:type", Number)
+], BaiduLushuComponent.prototype, "iconHeight", void 0);
+__decorate([
+    Property('显示轨迹', { type: 'boolean' }),
+    __metadata("design:type", Object)
+], BaiduLushuComponent.prototype, "showPolyline", void 0);
+__decorate([
+    Property('轨迹颜色', { type: 'string', ui: { widget: 'myColor', visibleIf: { showPolyline: [true] } } }),
+    __metadata("design:type", String)
+], BaiduLushuComponent.prototype, "polylineColor", void 0);
+__decorate([
+    Property('自动播放', { type: 'boolean' }),
+    __metadata("design:type", Object)
+], BaiduLushuComponent.prototype, "autoStart", void 0);
+__decorate([
+    Property('自动转向', { type: 'boolean' }),
+    __metadata("design:type", Object)
+], BaiduLushuComponent.prototype, "enableRotation", void 0);
+__decorate([
+    Property('默认内容', { type: 'string' }),
+    __metadata("design:type", Object)
+], BaiduLushuComponent.prototype, "defaultContent", void 0);
+__decorate([
+    Data({
+        properties: {
+            lng: { type: 'number', title: '经度' },
+            lat: { type: 'number', title: '纬度' },
+            landmark: { type: 'string', title: '标记点' },
+            pauseTime: { type: 'number', title: '暂停时间' },
+        },
+    }),
+    __metadata("design:type", Array)
+], BaiduLushuComponent.prototype, "data", void 0);
+__decorate([
+    Method('播放'),
+    __metadata("design:type", Function),
+    __metadata("design:paramtypes", []),
+    __metadata("design:returntype", void 0)
+], BaiduLushuComponent.prototype, "start", null);
+__decorate([
+    Method('停止'),
+    __metadata("design:type", Function),
+    __metadata("design:paramtypes", []),
+    __metadata("design:returntype", void 0)
+], BaiduLushuComponent.prototype, "stop", null);
+__decorate([
+    Method('暂停'),
+    __metadata("design:type", Function),
+    __metadata("design:paramtypes", []),
+    __metadata("design:returntype", void 0)
+], BaiduLushuComponent.prototype, "pause", null);
+__decorate([
+    Method('设置速度'),
+    __metadata("design:type", Function),
+    __metadata("design:paramtypes", [Number]),
+    __metadata("design:returntype", void 0)
+], BaiduLushuComponent.prototype, "setSpeed", null);
+BaiduLushuComponent = __decorate([
+    Widget('轨迹', {
+        group: 'component',
+        image: '',
+        icon: '',
+        hidden: true,
+    }),
+    __metadata("design:paramtypes", [CustomBaiduMapComponent,
+        LazyService$1,
+        NgZone])
+], BaiduLushuComponent);
+
 class CustomBaiduMapModule {
     constructor(widgetService) {
         widgetService.register(CustomBaiduMapComponent, { scaleContent: false });
@@ -15661,6 +15919,7 @@ class CustomBaiduMapModule {
         widgetService.register(WindLayerComponent);
         widgetService.register(TyphoonAreaLayerComponent);
         widgetService.register(BaiduFenceComponent);
+        widgetService.register(BaiduLushuComponent);
     }
 }
 CustomBaiduMapModule.decorators = [
@@ -15672,6 +15931,7 @@ CustomBaiduMapModule.decorators = [
                     WindLayerComponent,
                     TyphoonAreaLayerComponent,
                     BaiduFenceComponent,
+                    BaiduLushuComponent,
                 ],
                 imports: [
                     CommonModule,
@@ -15682,6 +15942,7 @@ CustomBaiduMapModule.decorators = [
                     NzRadioModule,
                     FormsModule,
                     NzButtonModule,
+                    NzInputModule,
                 ],
             },] }
 ];
@@ -19236,50 +19497,1189 @@ Scatter3dModule.ctorParameters = () => [
     { type: WidgetService }
 ];
 
-class ScreenWidgetModule {
-    constructor(widgetService) {
-        widgetService.register(ButtonComponent, { size: { width: 60, height: 30 } });
-        widgetService.register(SelectComponent, {
-            size: { width: 200, height: 36 },
-            option: {
-                borderColor: '#3285ff',
-                background: 'rgba(50,133,255,0.2)',
-                dropdownBackgroundColor: '#3285ff',
-                selectDropDownColor: '#fff',
-                selectHoverColor: '#fff',
-                selectHoverBackgroundColor: '#3285ff',
-                font: { color: '#ffffff' },
-                dropdownBg: 'rgba(50,133,255,0.2)',
-                dropdownBorderColor: '#3285ff',
-            },
+let TiandituComponent = class TiandituComponent {
+    constructor(lazy, elementRef, zone, scale$, widgetRef) {
+        this.lazy = lazy;
+        this.elementRef = elementRef;
+        this.zone = zone;
+        this.scale$ = scale$;
+        this.widgetRef = widgetRef;
+        this.coordinateType = 'BD-09';
+        //  @Property('地图类型', {
+        //     enum: MapTypeEnum,
+        //   })
+        //   mapType = 'normal';
+        //   mapTypeValue: string;
+        //   @Property('上传样式', { type: 'string', ui: { widget: 'myUploadAudio', visibleIf: { mapType: ['custom'] } } })
+        //   uploadStyle: string;
+        //   @Property('切换按钮')
+        //   showMapTypeRadio: boolean;
+        //   @Property('全景地图', { type: 'boolean' })
+        //   minMapShow = false;
+        //   @Property('显示信息', {
+        //     ui: { widget: 'select' },
+        //     enum: [
+        //       { label: '点击', value: 'click' },
+        //       { label: '悬停', value: 'mouseover' },
+        //     ],
+        //   })
+        //   showType = 'click';
+        //   @Property('信息窗背景', { ui: { widget: 'myColor' } })
+        //   infoWindowBackground: string;
+        //   @Property('信息窗字体', { ui: { widget: 'myColor' } })
+        //   infoWindowColor: string;
+        //   @Property('信息窗宽度')
+        //   infoWindowWidth: number;
+        //   @Property('信息窗高度')
+        //   infoWindowHeight: number;
+        //   @Property('信息窗模板', { ui: { widget: 'textarea' } })
+        //   infoWindowTemplate: string;
+        //   @Property('信息窗边框', {
+        //     ui: { widget: 'myColor' },
+        //     example: ['#ffffff', '#F5A623', '#F8E71C', '#50E3C2', '#3285FF', '#B45FFF', '#9B9B9B', null],
+        //   })
+        //   infoWindowBorderColor: string;
+        //   @Property('隐藏尖角')
+        //   @HostBinding('class.hideInfoWindowTail')
+        //   hideInfoWindowTail: boolean;
+        //   @Property('隐藏关闭按钮')
+        //   @HostBinding('class.hideInfoWindowTop')
+        //   hideInfoWindowTop: boolean;
+        this.dragging = true;
+        // @Property('遮罩颜色', {
+        //   ui: { widget: 'myColor' },
+        //   example: ['#ffffff', '#F5A623', '#F8E71C', '#50E3C2', '#3285FF', '#B45FFF', '#9B9B9B', null],
+        // })
+        // shadeColor = '#004395';
+        // @Property('背景颜色', {
+        //   ui: { widget: 'myColor' },
+        //   example: ['#ffffff', '#F5A623', '#F8E71C', '#50E3C2', '#3285FF', '#B45FFF', '#9B9B9B', null],
+        // })
+        // mapBackColor: string;
+        // @Property('多边线色', {
+        //   ui: { widget: 'myColor' },
+        //   example: ['#ffffff', '#F5A623', '#F8E71C', '#50E3C2', '#3285FF', '#B45FFF', '#9B9B9B', null],
+        // })
+        // mapCityColor = '#41b7ff';
+        this.zoom = 12;
+        // @Property('遮罩透明', { type: 'number' })
+        // fillOpacity = 0;
+        // @Property('多边线粗', { type: 'number' })
+        // strokesize = 2;
+        // @Property('黑夜模式', { type: 'boolean', ui: { hidden: true } })
+        // nightMode = false;
+        // @Property('3D视角')
+        // enable3D: boolean;
+        // @Property('定位控件')
+        // showLocationControl: boolean;
+        // @Property('初始角度', { type: 'number', ui: { visibleIf: { enable3D: [true] } } })
+        // tilt = 73;
+        // centerLng = 120.7;
+        // centerLat = 28;
+        // @Property('显示省市', {
+        //   ui: {
+        //     widget: 'myUrlSelect',
+        //     allowClear: true,
+        //     url: '/assets/mapListItem.json',
+        //   },
+        // })
+        // cityName = null;
+        this.data = [{ lng: 120.7, lat: 28 }];
+        this.dataChange = new EventEmitter();
+        this.zoomChange = new EventEmitter();
+        this.mapClick = new EventEmitter();
+        this.destroy$ = new Subject();
+        this.init$ = new Promise((resolve) => {
+            this.inited = resolve;
         });
-        for (let i = 1; i <= 82; i++) {
-            widgetService.register(ImageComponent, {
-                option: { image: `assets/img/screen/picture${i}.png` },
-            });
-        }
-        icons.forEach((icon) => {
-            widgetService.register(IconfontComponent, {
-                option: { icon },
-            });
+    }
+    ngOnInit() {
+        return __awaiter(this, void 0, void 0, function* () {
+            scaleAdapter(this.scale$, this.destroy$, this.zone, this.elementRef.nativeElement, this.widgetRef);
+            this.initMap();
         });
-        widgetService.register(GeneralTextComponent, {
-            className: 'big-title title',
-            title: '大标题',
-            option: {
-                title: '大标题',
-                font: { family: '', color: '#ffffff', weight: 'normal', size: 36, space: 0, lineHeight: 50 },
-            },
-        }, {
-            className: 'normal-title title',
-            title: '标题',
-            option: {
-                title: '标题',
-                font: { family: '', color: '#ffffff', weight: 'normal', size: 32, space: 0, lineHeight: 45 },
-            },
-        }, {
-            className: 'subtitle title',
-            title: '副标题',
+    }
+    initMap() {
+        return __awaiter(this, void 0, void 0, function* () {
+            yield this.lazy.loadScript('https://api.tianditu.gov.cn/api?v=4.0&tk=acbe009b9b9cc2c8f369b6415fc8dc99');
+            if (!this.destroyed) {
+                this.zone.runOutsideAngular(() => {
+                    this.map = new T.Map(this.container.nativeElement, {
+                        center: this.createLngLat(this.centerLng, this.centerLat),
+                        zoom: this.zoom,
+                    });
+                    // this.mapTypeChange(this.mapTypeValue);
+                    if (this.edit || this.dragging === false) {
+                        this.map.disableDrag();
+                    }
+                    // if (this.enable3D) {
+                    //   this.map.setTilt(this.tilt == null ? 73 : this.tilt, { noAnimation: true });
+                    //   this.map.setDisplayOptions({ skyColors: ['rgba(0, 0, 0, 0)'] }); // 隐藏天空
+                    //   // const navi3DCtrl = new BMapGL.NavigationControl3D(); // 添加3D控件
+                    //   // this.map.addControl(navi3DCtrl);
+                    // } else {
+                    //   this.map.disableTilt();
+                    //   this.map.disableRotate();
+                    // }
+                    // if (this.showLocationControl) {
+                    //   const options = {
+                    //     // 控件的停靠位置（可选，默认左上角）
+                    //     anchor: BMAP_ANCHOR_TOP_LEFT,
+                    //     // 控件基于停靠位置的偏移量（可选）
+                    //     offset: new BMapGL.Size(20, 20),
+                    //   };
+                    //   let locationControl = new BMapGL.LocationControl(options);
+                    //   // 将控件添加到地图上
+                    //   this.map.addControl(locationControl);
+                    // }
+                    // if (this.minMapShow) {
+                    //   const stCtrl = new BMapGL.PanoramaControl();
+                    //   stCtrl.setOffset(new BMapGL.Size(20, 20));
+                    //   this.map.addControl(stCtrl);
+                    // }
+                    // if (this.infoWindowBackground) {
+                    //   this.element.style.setProperty('--info-window-background', this.infoWindowBackground);
+                    // }
+                    // if (this.infoWindowColor) {
+                    //   this.element.style.setProperty('--info-window-color', this.infoWindowColor);
+                    // }
+                    // if (this.infoWindowBorderColor) {
+                    //   this.element.style.setProperty('--info-window-border-color', this.infoWindowBorderColor);
+                    // }
+                    this.map.addEventListener('moveend', (event) => {
+                        const center = this.map.getCenter();
+                        this.dataChange.emit(this.transferCoordinate(center));
+                    });
+                    this.map.addEventListener('click', (event) => {
+                        console.log(event);
+                        this.mapClick.emit(this.transferCoordinate(event.latlng));
+                    });
+                    this.map.addEventListener('zoomend', (event) => {
+                        this.zoomChange.emit(this.map.getZoom());
+                        this.dataChange.emit(this.transferCoordinate(this.map.getCenter()));
+                    });
+                    this.mapLoaded(this.map);
+                });
+                this.inited(this.map);
+            }
+        });
+    }
+    ngOnChanges(changes) {
+        if (changes.data && this.data[0]) {
+            this.centerLng = +this.data[0].lng;
+            this.centerLat = +this.data[0].lat;
+            this.setCenter(this.centerLng, this.centerLat);
+        }
+    }
+    ngOnDestroy() {
+        this.destroy$.next();
+        this.destroy$.complete();
+        this.destroyed = true;
+    }
+    createLngLat(lng, lat) {
+        if (this.coordinateType === 'BD-09') {
+            [lng, lat] = bd09towgs84(lng, lat);
+        }
+        else if (this.coordinateType === 'GCJ-02') {
+            [lng, lat] = gcj02towgs84(lng, lat);
+        }
+        return new T.LngLat(lng, lat);
+    }
+    transferCoordinate(latlng) {
+        let { lng, lat } = latlng;
+        if (this.coordinateType === 'BD-09') {
+            [lng, lat] = wgs84tobd09(lng, lat);
+        }
+        else if (this.coordinateType === 'GCJ-02') {
+            [lng, lat] = wgs84togcj02(lng, lat);
+        }
+        else {
+            return latlng;
+        }
+        return { lng, lat };
+    }
+    setCenter(lng, lat) {
+        if (this.map && lng && lat) {
+            const center = this.map.getCenter();
+            if (center.lng != lng || center.lat != lat) {
+                this.setCenterAndZoom(lng, lat, this.map.getZoom());
+            }
+        }
+    }
+    setCenterAndZoom(lng, lat, zoom) {
+        const center = this.map.getCenter();
+        const currentZoom = this.map.getZoom();
+        // 误差范围内不移动,防止背景抖动
+        if (zoom != currentZoom || Math.abs(lng - center.lng) > 1e-13 || Math.abs(lat - center.lat) > 1e-7) {
+            const point = this.createLngLat(lng, lat);
+            this.map.centerAndZoom(point, zoom);
+        }
+    }
+    /**
+     * 根据经纬度范围设置中心和缩放等级
+     * @param minLng
+     * @param maxLng
+     * @param minLat
+     * @param maxLat
+     */
+    setRectCenterAndZoom(minLng, maxLng, minLat, maxLat) {
+        const pointB = this.createLngLat(minLng, minLat);
+        const pointA = this.createLngLat(maxLng, maxLat);
+        this.map.setViewport([pointA, pointB]);
+    }
+    mapLoaded(map) {
+        return __awaiter(this, void 0, void 0, function* () {
+            // if (this.cityName) {
+            //   if (this.cityName === '温州') {
+            //     this.cityName = 'wenzhou';
+            //   }
+            //   const json: any = await this.http.get('assets/echarts/map/json/' + this.cityName + '.json').toPromise();
+            //   const polygonData = [];
+            //   let encodeScale = json.UTF8Scale || 1024;
+            //   json.features.forEach(({ geometry }) => {
+            //     geometry.coordinates = (geometry.coordinates as any[]).forEach((coordinate, i) => {
+            //       if (geometry.type === 'MultiPolygon') {
+            //         const coordinates = (coordinate as any[]).map((points, j) => {
+            //           if (json.UTF8Encoding) {
+            //             points = this.decodePolygon(points, geometry.encodeOffsets[i][j], encodeScale);
+            //           }
+            //           return points;
+            //         });
+            //         polygonData.push(coordinates);
+            //       } else {
+            //         if (json.UTF8Encoding) {
+            //           coordinate = this.decodePolygon(coordinate, geometry.encodeOffsets[i], encodeScale);
+            //         }
+            //         polygonData.push([coordinate]);
+            //       }
+            //     });
+            //   });
+            //   const data = [
+            //     {
+            //       geometry: {
+            //         type: 'MultiPolygon',
+            //         coordinates: polygonData,
+            //       },
+            //     },
+            //   ];
+            //   var layer = new mapvgl.PolygonLayer({
+            //     lineColor: this.mapCityColor,
+            //     lineWidth: this.strokesize || 2,
+            //     fillColor: this.shadeColor,
+            //     data,
+            //     renderOrder: -2,
+            //   });
+            //   this.view.addLayer(layer);
+            //   if (this.mapBackColor && !this.mapBackColor.match(/rgba\(\d+,\d+,\d+,0\)/)) {
+            //     var maskLayer = new mapvgl.MaskLayer({
+            //       color: this.mapBackColor,
+            //       data,
+            //       renderOrder: -3,
+            //     });
+            //     this.view.addLayer(maskLayer);
+            //   }
+            // }
+        });
+    }
+    decodePolygon(coordinate, encodeOffsets, encodeScale) {
+        const result = [];
+        let prevX = encodeOffsets[0];
+        let prevY = encodeOffsets[1];
+        for (let i = 0; i < coordinate.length; i += 2) {
+            var x = coordinate.charCodeAt(i) - 64;
+            var y = coordinate.charCodeAt(i + 1) - 64;
+            // ZigZag decoding
+            x = (x >> 1) ^ -(x & 1);
+            y = (y >> 1) ^ -(y & 1);
+            // Delta deocding
+            x += prevX;
+            y += prevY;
+            prevX = x;
+            prevY = y;
+            // Dequantize
+            result.push([x / encodeScale, y / encodeScale]);
+        }
+        return result;
+    }
+};
+TiandituComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'sc-tianditu',
+                template: "<div #container class=\"tianditu\"></div>\n<ng-template *ngFor=\"let child of children\" widget-host [widget]=\"child\"></ng-template>\n",
+                styles: [":host{display:block;overflow:hidden;transform-origin:0 0;z-index:0;position:relative}.tianditu,:host{height:100%;width:100%}"]
+            },] }
+];
+TiandituComponent.ctorParameters = () => [
+    { type: LazyService$1 },
+    { type: ElementRef },
+    { type: NgZone },
+    { type: ScaleSubject, decorators: [{ type: Optional }] },
+    { type: WidgetRef }
+];
+TiandituComponent.propDecorators = {
+    container: [{ type: ViewChild, args: ['container',] }]
+};
+__decorate([
+    Property('坐标系', {
+        enum: [
+            { label: '百度坐标', value: 'BD-09' },
+            { label: '高德/腾讯坐标', value: 'GCJ-02' },
+            { label: '天地图坐标', value: 'WGS84' },
+        ],
+    }),
+    __metadata("design:type", Object)
+], TiandituComponent.prototype, "coordinateType", void 0);
+__decorate([
+    Property('地图拖动', { type: 'boolean' }),
+    __metadata("design:type", Object)
+], TiandituComponent.prototype, "dragging", void 0);
+__decorate([
+    Property('地图缩放', {
+        ui: { widget: 'myRange', min: 1, max: 40, step: 1 },
+    }),
+    __metadata("design:type", Object)
+], TiandituComponent.prototype, "zoom", void 0);
+__decorate([
+    Data({
+        properties: {
+            lng: { type: 'number', title: '经度' },
+            lat: { type: 'number', title: '纬度' },
+        },
+    }),
+    __metadata("design:type", Array)
+], TiandituComponent.prototype, "data", void 0);
+__decorate([
+    DataOutput(['lng', 'lat']),
+    Event('中心点改变', {
+        params: { properties: { lng: { title: '经度', type: 'number' }, lat: { title: '纬度', type: 'number' } } },
+    }),
+    __metadata("design:type", Object)
+], TiandituComponent.prototype, "dataChange", void 0);
+__decorate([
+    DataOutput('缩放等级'),
+    Event('缩放', {
+        params: '缩放等级',
+    }),
+    __metadata("design:type", Object)
+], TiandituComponent.prototype, "zoomChange", void 0);
+__decorate([
+    Event('地图点击', {
+        params: { properties: { lng: { title: '经度', type: 'number' }, lat: { title: '纬度', type: 'number' } } },
+    }),
+    __metadata("design:type", Object)
+], TiandituComponent.prototype, "mapClick", void 0);
+TiandituComponent = __decorate([
+    Widget('天地图', {
+        children: [
+            {
+                title: '标记层',
+                type: 'sc-tianditu-marker',
+                option: {},
+                hidden: true,
+                hideChild: true,
+            },
+        ],
+        childTypes: ['sc-tianditu-marker'],
+        description: 'hasChildItem',
+    }),
+    __metadata("design:paramtypes", [LazyService$1,
+        ElementRef,
+        NgZone,
+        ScaleSubject,
+        WidgetRef])
+], TiandituComponent);
+
+class BaseLayer$1 {
+    constructor(parent, zone) {
+        this.parent = parent;
+        this.zone = zone;
+        this.layers = [];
+        this.overlays = [];
+        this.destroy$ = new Subject();
+    }
+    ngOnInit() {
+        return __awaiter(this, void 0, void 0, function* () {
+            yield this.parent.init$;
+            this.init();
+            this.inited = true;
+            this.zone.runOutsideAngular(() => {
+                this.updateOverlays();
+            });
+        });
+    }
+    ngOnChanges(changes) {
+        if (this.inited) {
+            this.zone.runOutsideAngular(() => {
+                this.updateOverlays();
+            });
+        }
+    }
+    ngOnDestroy() {
+        this.destroy$.next();
+        this.destroy$.complete();
+        this.removeOverlays();
+    }
+    init() { }
+    updateOverlays() {
+        return __awaiter(this, void 0, void 0, function* () {
+            this.removeOverlays();
+            this.overlays = this.createOverlays();
+            this.overlays.forEach((overlay) => {
+                this.parent.map.addOverLay(overlay);
+            });
+            this.inited = true;
+        });
+    }
+    removeOverlays() {
+        if (this.overlays.length) {
+            this.overlays.forEach((overlay) => {
+                this.parent.map.removeOverLay(overlay);
+            });
+            this.overlays = [];
+        }
+        // if (this.layers.length) {
+        //   this.layers.forEach((layer) => {
+        //     this.parent.removeLayer(layer);
+        //   });
+        //   this.layers = [];
+        // }
+    }
+    getTextOptions(font) {
+        const textOptions = {};
+        if (font) {
+            if (font.size)
+                textOptions.fontSize = font.size;
+            if (font.family)
+                textOptions.fontFamily = font.family;
+            if (font.color)
+                textOptions.color = font.color;
+        }
+        return textOptions;
+    }
+}
+BaseLayer$1.decorators = [
+    { type: Directive }
+];
+BaseLayer$1.ctorParameters = () => [
+    { type: TiandituComponent },
+    { type: NgZone }
+];
+
+const ɵ0$e = { type: 'string', title: 'id' }, ɵ1$c = { type: 'string', title: 'id' }, ɵ2$a = { type: 'string', title: 'id' };
+let TiandituMarkerComponent = class TiandituMarkerComponent extends BaseLayer$1 {
+    constructor(parent, zone, fileUrlService, nzContextMenuService) {
+        super(parent, zone);
+        this.parent = parent;
+        this.zone = zone;
+        this.fileUrlService = fileUrlService;
+        this.nzContextMenuService = nzContextMenuService;
+        this.iconUrl = 'assets/img/screen/marker.png';
+        this.iconWidth = 20;
+        this.iconHeight = 30;
+        this.iconOffsetX = 10;
+        this.iconOffsetY = 30;
+        // @Property('分组', {type: 'string'})
+        // group = '';
+        this.toCenter = false;
+        // @Property('标签底色', { ui: { widget: 'myColor', visibleIf: { showLabel: [true] } } })
+        // labelBackground: string;
+        this.labelFont = {
+            family: '',
+            color: '#000000',
+            weight: 'normal',
+            size: 16,
+            space: 0,
+            lineHeight: 0,
+        };
+        // @Property('阴影', { ui: { widget: 'myShadow' } })
+        // shadow: any = { color: '', X: 0, Y: 0, Z: 0 };
+        this.labelOffsetX = -50;
+        this.labelOffsetY = 10;
+        this.unselectOnClickBlank = true;
+        this.groups = [];
+        this.data = [
+            {
+                id: '1',
+                address: '',
+                information: '暂无信息',
+                group: '',
+                lng: '120.7',
+                lat: '28',
+            },
+        ];
+        // id: string;
+        this.makerClick = new EventEmitter();
+        this.onClick = new EventEmitter();
+        this.layers = [];
+        // defaultLayer: any;
+        this.optionsMap = {};
+        this.dataMap = {};
+    }
+    ngOnInit() {
+        const _super = Object.create(null, {
+            ngOnInit: { get: () => super.ngOnInit }
+        });
+        return __awaiter(this, void 0, void 0, function* () {
+            yield _super.ngOnInit.call(this);
+            if (this.showLabel && this.showLabelMinZoom != null) {
+                this.parent.zoomChange.pipe(takeUntil(this.destroy$)).subscribe((zoom) => {
+                    this.updateTextVisible(zoom);
+                });
+            }
+        });
+    }
+    ngOnChanges(changes) {
+        if (this.inited) {
+            if (changes.data) {
+                this.zone.runOutsideAngular(() => {
+                    this.updateOverlays();
+                });
+            }
+            if (changes.selectedId) {
+                if (this.selectedId != this.currentSelectedId) {
+                    this.select(this.selectedId, { move: true });
+                }
+            }
+        }
+    }
+    ngOnDestroy() {
+        super.ngOnDestroy();
+        this.destroy$.next();
+        this.destroy$.complete();
+    }
+    init() {
+        var _a;
+        this.optionsMap = {};
+        const defaultOptions = this.createOptions();
+        this.optionsMap[''] = defaultOptions;
+        if ((_a = this.groups) === null || _a === void 0 ? void 0 : _a.length) {
+            this.groups.forEach((group) => {
+                if (group.group) {
+                    const options = this.createOptions(group);
+                    this.optionsMap[group.group] = options;
+                }
+            });
+        }
+        if (this.unselectOnClickBlank) {
+            this.parent.mapClick.pipe(takeUntil(this.destroy$)).subscribe(() => {
+                this.selectedId = null;
+                this.select(null);
+            });
+        }
+        // if (!this.enableMarkerClusterer && this.showLabel) {
+        //   const textOptions = {
+        //     ...this.getTextOptions(this.labelFont),
+        //     // color: '#fff',
+        //     // fontFamily: 'Microsoft Yahei',
+        //     // fontSize: 14,
+        //     flat: false,
+        //     collides: true,
+        //     offset: [this.labelOffsetX || 0, this.labelOffsetY || 0],
+        //     stroke: {
+        //       color: this.stroke,
+        //     },
+        //     padding: [2, 2],
+        //     margin: [0, 0],
+        //   };
+        //   if (this.stroke && this.stroke !== 'rgba(0,0,0,0)') {
+        //     textOptions.stroke = { color: this.stroke };
+        //   }
+        //   if (this.strokeWidth) {
+        //     textOptions.lineWidth = this.strokeWidth;
+        //   }
+        //   if (this.shadow) {
+        //     textOptions.shadow = {
+        //       color: this.shadow.color,
+        //       blur: this.shadow.Z,
+        //       offsetX: this.shadow.X,
+        //       offsetY: this.shadow.Y,
+        //     };
+        //   }
+        //   this.textLayer = new mapvgl.TextLayer(textOptions);
+        //   if (this.showLabelMinZoom != null) {
+        //     this.parent.init$.then(() => {
+        //       const zoom = this.parent.map.getZoom();
+        //       this.updateTextVisible(zoom);
+        //     });
+        //   }
+        //   layers.push(this.textLayer);
+        // }
+    }
+    createOptions(group) {
+        const iconOptions = this.getIconOptions(group);
+        return { icon: iconOptions };
+        // if (this.enableMarkerClusterer || group?.enableMarkerClusterer) {
+        //   const options: any = {
+        //     iconOptions,
+        //     textOptions: this.getTextOptions(this.clusterFont),
+        //     minSize: this.clusterMinSize || 25,
+        //     maxSize: this.clusterMaxSize || 40,
+        //   };
+        //   if (this.clusterGradient?.length) {
+        //     const gradient: any = {};
+        //     gradient[0] = this.clusterGradient[0];
+        //     this.clusterGradient.slice(1).forEach((g, i) => {
+        //       gradient[(i + 1) / this.clusterGradient.length] = g;
+        //     });
+        //     options.gradient = gradient;
+        //   }
+        //   if (this.clusterMaxZoom != null) {
+        //     options.maxZoom = this.clusterMaxZoom;
+        //   }
+        //   this.addPickEvent(options);
+        //   layer = new mapvgl.ClusterLayer(options);
+        // } else {
+        //   this.addPickEvent(iconOptions);
+        //   layer = new mapvgl.IconLayer(iconOptions);
+        // }
+    }
+    updateTextVisible(zoom) {
+        if (this.textLayer) {
+            if (zoom >= this.showLabelMinZoom) {
+                this.textLayer.show();
+            }
+            else {
+                this.textLayer.hide();
+            }
+        }
+    }
+    createOverlays() {
+        const overlays = [];
+        this.dataMap = {};
+        if (this.toCenter && this.data.length > 0) {
+            let maxLng = -180;
+            let minLng = 180;
+            let maxLat = -90;
+            let minLat = 90;
+            this.data.forEach((res) => {
+                maxLng = Math.max(maxLng, res.lng);
+                minLng = Math.min(minLng, res.lng);
+                maxLat = Math.max(maxLat, res.lat);
+                minLat = Math.min(minLat, res.lat);
+            });
+            this.parent.setRectCenterAndZoom(minLng, maxLng, minLat, maxLat);
+        }
+        const groupData = {};
+        this.groupData = groupData;
+        const textData = [];
+        const groups = Object.keys(this.optionsMap);
+        groups.forEach((group) => {
+            groupData[group] = [];
+        });
+        // const defaultData = [];
+        this.data.forEach((record) => {
+            let groupName = record.group;
+            if (groupName == null || this.optionsMap[groupName] == null) {
+                groupName = '';
+            }
+            let id = record.id_value || record.id;
+            if (id == null || id == '') {
+                id = getUUID();
+            }
+            // MapVGL的bug，ClusterLayer的iconOptions无效，只能通过properties设置
+            const options = this.optionsMap[groupName];
+            // if (layer != null && layer instanceof mapvgl.ClusterLayer) {
+            //   const options = layer.getOptions();
+            //   if (options.iconOptions) {
+            //     const { height, width, offset, icon } = options.iconOptions;
+            //     item.properties = { height, width, offset, icon, ...item.properties };
+            //   }
+            // }
+            var point = this.parent.createLngLat(record.lng, record.lat);
+            var marker = new T.Marker(point, options); // 创建标注
+            marker.addEventListener('click', (e) => {
+                this.selectedId = id;
+                this.select(id);
+                this.zone.run(() => {
+                    this.onClick.emit(Object.assign(Object.assign({}, record), { id }));
+                });
+                if (record.information) {
+                    this.openInfo(record.information, e);
+                }
+            });
+            overlays.push(marker);
+            if (this.showLabel && record.address) {
+                const label = new T.Label({
+                    text: `${record.address}`,
+                    position: marker.getLngLat(),
+                    offset: new T.Point(this.labelOffsetX || -50, this.labelOffsetY || 10),
+                });
+                label.setBorderLine(this.strokeWidth || 0);
+                label.setBorderColor(this.stroke);
+                label.setBackgroundColor('rgba(0,0,0,0)');
+                label.setFontColor(this.labelFont.color);
+                label.setFontSize(this.labelFont.size);
+                overlays.push(label);
+            }
+            // if (this.selectedId && this.selectedId == id) {
+            //   this.updateSize(item, 1.5);
+            //   this.lastSelect = item;
+            // }
+            groupData[groupName].push(record);
+            this.dataMap[id] = record;
+            if (this.textLayer) {
+                textData.push(record);
+            }
+        });
+        // if (this.selectedId) {
+        //   this.select(this.selectedId, { move: this.selectedId != this.currentSelectedId, resetLayer: false, force: true });
+        // }
+        // groups.forEach((group) => {
+        //   const layer = this.layerMap[group];
+        //   const data = groupData[group];
+        //   layer.setData(data);
+        // });
+        // if (this.textLayer) {
+        //   this.textLayer.setData(textData);
+        // }
+        return overlays;
+    }
+    getIconOptions(group) {
+        let icon = this.iconUrl || 'assets/img/screen/marker.png';
+        let height = this.iconHeight || 30;
+        let width = this.iconWidth || 20;
+        let offsetX = this.iconOffsetX == null ? width / 2 : this.iconOffsetX;
+        let offsetY = this.iconOffsetY == null ? height : this.iconOffsetY;
+        if (group && group.imageUrl) {
+            icon = this.fileUrlService.getUrl(group.imageUrl);
+            width = group.width || width;
+            height = group.height || height;
+            offsetX = group.XOffset != null ? group.XOffset : width / 2;
+            offsetY = group.YOffset != null ? group.YOffset : height;
+        }
+        const iconOptions = new T.Icon({
+            iconUrl: icon,
+            iconSize: new T.Point(width, height),
+            iconAnchor: new T.Point(offsetX, offsetY),
+        });
+        return iconOptions;
+    }
+    openInfo(content, e) {
+        var point = e.lnglat;
+        var markerInfoWin = new T.InfoWindow(content, { offset: new T.Point(0, -30) }); // 创建信息窗口对象
+        this.parent.map.openInfoWindow(markerInfoWin, point); //开启信息窗口
+    }
+    addPickEvent(options) {
+        // options.enablePicked = true;
+        // options.onClick = ({ dataItem }) => {
+        //   // 每个图层都会触发一次click事件，如果每个图层都没有点中标记点，传出null
+        //   if (dataItem) {
+        //     this.clickData = dataItem;
+        //   }
+        //   if (this.unselectOnClickBlank !== false && this.clickTimeout == null) {
+        //     this.clickTimeout = setTimeout(() => {
+        //       if (this.clickData == null) {
+        //         this.selectedId = null;
+        //         this.select(null);
+        //       }
+        //       this.clickTimeout = null;
+        //       this.clickData = null;
+        //       this.subMarkers = null;
+        //     });
+        //   }
+        //   if (dataItem) {
+        //     if (dataItem.type === 'Feature') {
+        //       const coordinates = dataItem.geometry.coordinates;
+        //       this.parent.setCenterAndZoom(coordinates[0], coordinates[1], this.parent.map.getZoom() + 2);
+        //     } else {
+        //       const data = dataItem.properties.raw;
+        //       if (data) {
+        //         this.selectedId = dataItem.properties.id;
+        //         this.select(dataItem.properties.id);
+        //         this.zone.run(() => {
+        //           this.onClick.emit({ ...data, id: data.id_value || data.id });
+        //         });
+        //       }
+        //     }
+        //   }
+        // };
+        // if (this.parent.showType === 'mouseover') {
+        //   let infoWindow = null;
+        //   let infoWindowData = null;
+        //   options.onMousemove = ({ dataItem }) => {
+        //     const data = dataItem != null ? dataItem.properties.raw : null;
+        //     if (infoWindow != null && infoWindowData != data) {
+        //       infoWindow.close();
+        //       infoWindow = null;
+        //     }
+        //     if (data && data.information && infoWindow == null) {
+        //       infoWindowData = data;
+        //       infoWindow = this.parent.openInfoWindow(data, data.lng, data.lat);
+        //     }
+        //   };
+        // }
+    }
+    select(id, options = {}) {
+        if (id != this.currentSelectedId || options.force) {
+            let item;
+            if (id != null && id !== '') {
+                item = this.dataMap[id];
+                // 如果找不到数据，可能是数据还没加载，等数据加载了再执行
+                if (item == null) {
+                    return;
+                }
+            }
+            this.currentSelectedId = id;
+            // let lastSelectGroup: string;
+            // let currentSelectGroup: string;
+            let selectedData;
+            if (this.lastSelect) {
+                // lastSelectGroup = this.lastSelect.properties.group;
+                this.updateSize(this.lastSelect, 1);
+                this.lastSelect = null;
+            }
+            if (item) {
+                // currentSelectGroup = item.properties.group;
+                // this.updateSize(item, this.selectedSize ?? 1.5);
+                this.lastSelect = item;
+                selectedData = item;
+                if (options.move) {
+                    // const layer = this.optionsMap[currentSelectGroup];
+                    let zoom = this.parent.map.getZoom();
+                    if (this.selectedMapZoom) {
+                        zoom = this.selectedMapZoom;
+                    }
+                    // else if (
+                    //   layer instanceof mapvgl.ClusterLayer &&
+                    //   this.clusterMaxZoom != null &&
+                    //   Math.floor(zoom) <= this.clusterMaxZoom
+                    // ) {
+                    //   zoom = this.clusterMaxZoom + 2;
+                    // }
+                    this.parent.setCenterAndZoom(selectedData.lng, selectedData.lat, zoom);
+                }
+                // if (selectedData.information && this.parent.showType !== 'mouseover') {
+                //   // 防止其他图层将信息窗口关闭
+                //   setTimeout(() => {
+                //     this.parent.openInfoWindow(selectedData, selectedData.lng, selectedData.lat);
+                //   });
+                // }
+            }
+            else {
+                selectedData = {};
+            }
+            // if (options.resetLayer !== false) {
+            //   if (currentSelectGroup != null) {
+            //     this.resetLayerData(currentSelectGroup);
+            //   }
+            //   if (lastSelectGroup != null && lastSelectGroup !== currentSelectGroup) {
+            //     this.resetLayerData(lastSelectGroup);
+            //   }
+            // }
+            // 如果选中的id找不到对应数据,可能是数据还没加载，
+            if (id == null || item != null) {
+                this.zone.run(() => {
+                    this.makerClick.emit(Object.assign(Object.assign({}, selectedData), { id: selectedData.id_value || selectedData.id }));
+                });
+            }
+        }
+    }
+    resetLayerData(group) {
+        // const layer = this.layerMap[group];
+        // const data = this.groupData[group];
+        // if (layer && data) {
+        //   layer.setData(data);
+        // }
+    }
+    updateSize(item, scale) {
+        // if (item && this.enlargeOnSelect) {
+        //   const layer = this.layerMap[item.properties.group];
+        //   let options: any;
+        //   if (layer instanceof mapvgl.ClusterLayer) {
+        //     options = layer.getOptions().iconOptions;
+        //   } else {
+        //     options = layer.getOptions();
+        //   }
+        //   const { height, width, offset } = options;
+        //   item.properties.height = height * scale;
+        //   item.properties.width = width * scale;
+        //   if (item.properties.offset) {
+        //     item.properties.offset = [offset[0] * scale, offset[1] * scale];
+        //   }
+        // }
+    }
+};
+TiandituMarkerComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'sc-tianditu-marker',
+                template: "",
+                styles: [""]
+            },] }
+];
+TiandituMarkerComponent.ctorParameters = () => [
+    { type: TiandituComponent },
+    { type: NgZone },
+    { type: FileUrlService },
+    { type: NzContextMenuService }
+];
+TiandituMarkerComponent.propDecorators = {
+    menu: [{ type: ViewChild, args: ['menu',] }]
+};
+__decorate([
+    Property('', { min: 1, ui: { widget: 'myPicture', spanLabel: 0, spanControl: 24 } }),
+    __metadata("design:type", Object)
+], TiandituMarkerComponent.prototype, "iconUrl", void 0);
+__decorate([
+    Property('图标宽', { type: 'number' }),
+    __metadata("design:type", Object)
+], TiandituMarkerComponent.prototype, "iconWidth", void 0);
+__decorate([
+    Property('图标高', { type: 'number' }),
+    __metadata("design:type", Object)
+], TiandituMarkerComponent.prototype, "iconHeight", void 0);
+__decorate([
+    Property('图标偏移x', { type: 'number' }),
+    __metadata("design:type", Object)
+], TiandituMarkerComponent.prototype, "iconOffsetX", void 0);
+__decorate([
+    Property('图标偏移y', { type: 'number' }),
+    __metadata("design:type", Object)
+], TiandituMarkerComponent.prototype, "iconOffsetY", void 0);
+__decorate([
+    Property('移至中心'),
+    __metadata("design:type", Boolean)
+], TiandituMarkerComponent.prototype, "toCenter", void 0);
+__decorate([
+    Property('显示标签', { ui: { visibleIf: { enableMarkerClusterer: [false] } } }),
+    __metadata("design:type", Boolean)
+], TiandituMarkerComponent.prototype, "showLabel", void 0);
+__decorate([
+    Property('标签显示缩放等级', { ui: { visibleIf: { showLabel: [true] } } }),
+    __metadata("design:type", Number)
+], TiandituMarkerComponent.prototype, "showLabelMinZoom", void 0);
+__decorate([
+    Property('标签字体', { ui: { widget: 'myFont', visibleIf: { showLabel: [true] } } }),
+    __metadata("design:type", Object)
+], TiandituMarkerComponent.prototype, "labelFont", void 0);
+__decorate([
+    Property('描边颜色', {
+        ui: {
+            widget: 'myColor',
+        },
+    }),
+    __metadata("design:type", String)
+], TiandituMarkerComponent.prototype, "stroke", void 0);
+__decorate([
+    Property('描边粗细', { type: 'integer' }),
+    __metadata("design:type", Number)
+], TiandituMarkerComponent.prototype, "strokeWidth", void 0);
+__decorate([
+    Property('标签偏移x', { ui: { widget: 'number', visibleIf: { showLabel: [true] } } }),
+    __metadata("design:type", Object)
+], TiandituMarkerComponent.prototype, "labelOffsetX", void 0);
+__decorate([
+    Property('标签偏移y', { ui: { widget: 'number', visibleIf: { showLabel: [true] } } }),
+    __metadata("design:type", Object)
+], TiandituMarkerComponent.prototype, "labelOffsetY", void 0);
+__decorate([
+    Property('选中时地图缩放', { type: 'number' }),
+    __metadata("design:type", Number)
+], TiandituMarkerComponent.prototype, "selectedMapZoom", void 0);
+__decorate([
+    Property('点击空白取消选中', { type: 'boolean', default: true }),
+    __metadata("design:type", Object)
+], TiandituMarkerComponent.prototype, "unselectOnClickBlank", void 0);
+__decorate([
+    Property('标记分组', {
+        type: 'array',
+        title: '标记分组',
+        maxItems: 10,
+        items: {
+            type: 'object',
+            properties: {
+                group: {
+                    type: 'string',
+                    title: '分组',
+                },
+                // type: {
+                //   title: '类型',
+                //   type: 'string',
+                //   enum: [
+                //     {
+                //       label: '图标',
+                //       value: 'icon',
+                //     },
+                //     {
+                //       label: '圆点',
+                //       value: 'circle',
+                //     },
+                //     {
+                //       label: '正方形',
+                //       value: 'square',
+                //     },
+                //     {
+                //       label: '波纹',
+                //       value: 'wave',
+                //     },
+                //     {
+                //       label: '扩散',
+                //       value: 'bubble',
+                //     },
+                //   ],
+                //   default: 'icon',
+                // },
+                // color: {
+                //   type: 'string',
+                //   title: '颜色',
+                //   ui: { widget: 'myColor', visibleIf: { type: ['circle', 'square'] } },
+                // },
+                // size: {
+                //   type: 'number',
+                //   title: '尺寸',
+                //   ui: { visibleIf: { type: ['circle', 'square', 'wave', 'bubble'] } },
+                // },
+                imageUrl: {
+                    type: 'string',
+                    title: '图片',
+                    ui: {
+                        widget: 'myPicture',
+                        visibleIf: { type: ['icon'] },
+                    },
+                },
+                width: {
+                    type: 'number',
+                    title: '宽度',
+                    default: 19,
+                    ui: { visibleIf: { type: ['icon'] } },
+                },
+                height: {
+                    type: 'number',
+                    title: '高度',
+                    default: 25,
+                    ui: { visibleIf: { type: ['icon'] } },
+                },
+                XOffset: {
+                    type: 'number',
+                    title: 'X轴偏移',
+                    ui: { visibleIf: { type: ['icon'] } },
+                },
+                YOffset: {
+                    type: 'number',
+                    title: 'Y轴偏移',
+                    ui: { visibleIf: { type: ['icon'] } },
+                },
+            },
+            required: [],
+        },
+        ui: { grid: { arraySpan: 24 }, spanControl: 24 },
+    }),
+    __metadata("design:type", Object)
+], TiandituMarkerComponent.prototype, "groups", void 0);
+__decorate([
+    Data({
+        properties: {
+            id: ɵ0$e,
+            address: { type: 'string', title: '地点' },
+            information: { type: 'string', title: '信息' },
+            group: { type: 'string', title: '标记分组' },
+            lng: { type: 'number', title: '经度' },
+            lat: { type: 'number', title: '纬度' },
+            icon: { type: 'string', title: '图标' },
+        },
+    }),
+    __metadata("design:type", Array)
+], TiandituMarkerComponent.prototype, "data", void 0);
+__decorate([
+    DataOutput(['id', 'address', 'lng', 'lat']),
+    Event('选中值改变', {
+        params: {
+            properties: {
+                id: ɵ1$c,
+                address: { type: 'string', title: '地点' },
+                lng: { type: 'number', title: '经度' },
+                lat: { type: 'number', title: '纬度' },
+            },
+        },
+    }),
+    __metadata("design:type", Object)
+], TiandituMarkerComponent.prototype, "makerClick", void 0);
+__decorate([
+    DataInput('选中id'),
+    __metadata("design:type", String)
+], TiandituMarkerComponent.prototype, "selectedId", void 0);
+__decorate([
+    Event('点击', {
+        params: {
+            properties: {
+                id: ɵ2$a,
+                address: { type: 'string', title: '地点' },
+                lng: { type: 'number', title: '经度' },
+                lat: { type: 'number', title: '纬度' },
+            },
+        },
+    }),
+    __metadata("design:type", Object)
+], TiandituMarkerComponent.prototype, "onClick", void 0);
+TiandituMarkerComponent = __decorate([
+    Widget('标记层', {
+        hidden: true,
+    }),
+    __metadata("design:paramtypes", [TiandituComponent,
+        NgZone,
+        FileUrlService,
+        NzContextMenuService])
+], TiandituMarkerComponent);
+
+class TiandituModule {
+    constructor(widgetService) {
+        widgetService.register(TiandituComponent, { scaleContent: false });
+        widgetService.register(TiandituMarkerComponent);
+    }
+}
+TiandituModule.decorators = [
+    { type: NgModule, args: [{
+                declarations: [TiandituComponent, TiandituMarkerComponent],
+                imports: [CommonModule, WidgetBaseModule],
+            },] }
+];
+TiandituModule.ctorParameters = () => [
+    { type: WidgetService }
+];
+
+class ScreenWidgetModule {
+    constructor(widgetService) {
+        widgetService.register(ButtonComponent, { size: { width: 60, height: 30 } });
+        widgetService.register(SelectComponent, {
+            size: { width: 200, height: 36 },
+            option: {
+                borderColor: '#3285ff',
+                background: 'rgba(50,133,255,0.2)',
+                dropdownBackgroundColor: '#3285ff',
+                selectDropDownColor: '#fff',
+                selectHoverColor: '#fff',
+                selectHoverBackgroundColor: '#3285ff',
+                font: { color: '#ffffff' },
+                dropdownBg: 'rgba(50,133,255,0.2)',
+                dropdownBorderColor: '#3285ff',
+            },
+        });
+        for (let i = 1; i <= 82; i++) {
+            widgetService.register(ImageComponent, {
+                option: { image: `assets/img/screen/picture${i}.png` },
+            });
+        }
+        icons.forEach((icon) => {
+            widgetService.register(IconfontComponent, {
+                option: { icon },
+            });
+        });
+        widgetService.register(GeneralTextComponent, {
+            className: 'big-title title',
+            title: '大标题',
+            option: {
+                title: '大标题',
+                font: { family: '', color: '#ffffff', weight: 'normal', size: 36, space: 0, lineHeight: 50 },
+            },
+        }, {
+            className: 'normal-title title',
+            title: '标题',
+            option: {
+                title: '标题',
+                font: { family: '', color: '#ffffff', weight: 'normal', size: 32, space: 0, lineHeight: 45 },
+            },
+        }, {
+            className: 'subtitle title',
+            title: '副标题',
             option: {
                 title: '副标题',
                 font: { family: '', color: '#ffffff', weight: 'normal', size: 24, space: 0, lineHeight: 33 },
@@ -19683,6 +21083,11 @@ ScreenWidgetModule.decorators = [
                     IframeModule,
                     VideoGridModule,
                     Scatter3dModule,
+                    TiandituModule
+                    // DropDownDetailListModule,
+                    // DynamicListModule,
+                    // MyBaiduMapModule,
+                    // DataMapModule
                 ],
                 exports: [],
                 declarations: [],
@@ -19800,7 +21205,7 @@ function updateEndTime(event) {
     }
 }
 
-const ɵ0$e = { type: 'string', title: 'id' };
+const ɵ0$f = { type: 'string', title: 'id' };
 let CalendarComponent = class CalendarComponent {
     constructor(router, cd) {
         this.router = router;
@@ -19928,7 +21333,7 @@ __decorate([
 __decorate([
     Data({
         properties: {
-            id: ɵ0$e,
+            id: ɵ0$f,
             start: { type: 'string', title: '开始日期' },
             end: { type: 'string', title: '结束日期' },
             title: { type: 'string', title: '内容' },
@@ -19986,7 +21391,7 @@ CalendarEventsChild.ctorParameters = () => [
     { type: CalendarComponent }
 ];
 
-const ɵ0$f = { type: 'string', title: 'id' };
+const ɵ0$g = { type: 'string', title: 'id' };
 let BackgroundEventsComponent = class BackgroundEventsComponent extends CalendarEventsChild {
     constructor(parent) {
         super(parent);
@@ -20029,7 +21434,7 @@ __decorate([
 __decorate([
     Data({
         properties: {
-            id: ɵ0$f,
+            id: ɵ0$g,
             start: { type: 'string', title: '开始日期' },
             end: { type: 'string', title: '结束日期' },
             title: { type: 'string', title: '标题' },
@@ -20043,7 +21448,7 @@ BackgroundEventsComponent = __decorate([
     __metadata("design:paramtypes", [CalendarComponent])
 ], BackgroundEventsComponent);
 
-const ɵ0$g = { type: 'string', title: 'id' };
+const ɵ0$h = { type: 'string', title: 'id' };
 let EventsComponent = class EventsComponent extends CalendarEventsChild {
     constructor(parent) {
         super(parent);
@@ -20092,7 +21497,7 @@ __decorate([
 __decorate([
     Data({
         properties: {
-            id: ɵ0$g,
+            id: ɵ0$h,
             start: { type: 'string', title: '开始日期' },
             end: { type: 'string', title: '结束日期' },
             title: { type: 'string', title: '标题' },
@@ -21036,5 +22441,5 @@ WorkbenchWidgetModule.ctorParameters = () => [
  * Generated bundle index. Do not edit.
  */
 
-export { AudioModule, BarChartThreeDModule, BasicBarChartComponent, BasicBarChartModule, BasicLineChartModule, BasicPieChartModule, BasicPlanimetricMapModule, BubbleChartModule, CheckboxModule, CommonService, CrossTableModule, CustomBaiduMapModule, DatePickerModule, FileUrlService, FunnelChartModule, GaodeMapService, GaugeModule, IframeModule, LiquidFillModule, MarqueeModule, PercentPieChartModule, PlanimetricMap2dModule, PlanimetricMap3dModule, RadarChartModule, Scatter3dModule, ScreenWidgetModule, SelectModule, TableModule, TreeControlModule, TreeRingChartModule, VideoGridModule, VideoPlayerModule, VisualMapChartModule, WorkbenchWidgetModule, ɵ0$2 as ɵ0, ɵ1$2 as ɵ1, ɵ2$2 as ɵ2, ɵ3$2 as ɵ3, ImageModule as ɵa, ImageComponent as ɵb, WeatherModule as ɵba, WeatherComponent as ɵbb, RadioModule as ɵbc, RadioComponent as ɵbd, CheckboxComponent as ɵbe, RateModule as ɵbf, RateComponent as ɵbg, GeneralTextModule as ɵbh, GeneralTextComponent as ɵbi, MarqueeComponent as ɵbj, WordartModule as ɵbk, WordartComponent as ɵbl, IconfontModule as ɵbm, IconfontComponent as ɵbn, TableComponent as ɵbo, AudioComponent as ɵbp, VideoPlayerComponent as ɵbq, ShapeModule as ɵbr, ShapeComponent as ɵbs, BackgroundModule as ɵbt, BackgroundComponent as ɵbu, ShufflingListModule as ɵbv, ShufflingListComponent as ɵbw, ColorPipe as ɵbx, BasicPlanimetricMapComponent as ɵby, ParentContainerComponent as ɵbz, BasicLineChartComponent as ɵc, BreathingBubbleLayerModule as ɵca, BreathingBubbleLayerComponent as ɵcb, PlanimetricMap2dComponent as ɵcc, FlyLineLayerModule as ɵcd, FlyLineLayerComponent as ɵce, Map2dPolylineLayerModule as ɵcf, Map2dPolylineLayerComponent as ɵcg, Map2dMarkLayerModule as ɵch, Map2dMarkLayerComponent as ɵci, Map2dVisualLayerModule as ɵcj, Map2dVisualLayerComponent as ɵck, ParentContainerModule as ɵcl, PlanimetricMap3dComponent as ɵcm, Map3dMarkLayerModule as ɵcn, Map3dMarkLayerComponent as ɵco, Map3dLineLayerModule as ɵcp, Map3dLineLayerComponent as ɵcq, MipAnimModule as ɵcr, MipAnimComponent as ɵcs, TreeControlComponent as ɵct, VisualMapChartComponent as ɵcu, DatePickerComponent as ɵcv, TimePickerModule as ɵcw, TimePickerComponent as ɵcx, CustomBaiduMapComponent as ɵcy, BaiduMarkerLayerComponent as ɵcz, BasicPieChartComponent as ɵd, BaseLayer as ɵda, BaiduPolylineLayerComponent as ɵdb, WindLayerComponent as ɵdc, TyphoonAreaLayerComponent as ɵdd, BaiduFenceComponent as ɵde, UploadModule as ɵdf, UploadComponent as ɵdg, CrossTableComponent as ɵdh, Pie3dChartModule as ɵdi, Pie3dChartComponent as ɵdj, HighChartsService as ɵdk, MultiTitleGaugeModule as ɵdl, MultiTitleGaugeComponent as ɵdm, GaugeProgressModule as ɵdn, GaugeProgressComponent as ɵdo, ItemSwiperModule as ɵdp, ItemSwiperComponent as ɵdq, BulletinBoardModule as ɵdr, BulletinBoardComponent as ɵds, TemporaryDataModule as ɵdt, TemporaryDataComponent as ɵdu, LineLightFlowModule as ɵdv, LineLightFlowComponent as ɵdw, IframeComponent as ɵdx, VideoGridComponent as ɵdy, Scatter3dComponent as ɵdz, LineBarChartModule as ɵe, AnnouncementModule as ɵea, AnnouncementComponent as ɵeb, TabsModule as ɵec, TabsComponent as ɵed, TabComponent as ɵee, CalendarModule as ɵef, CalendarComponent as ɵeg, BackgroundEventsComponent as ɵeh, CalendarEventsChild as ɵei, EventsComponent as ɵej, GanttModule as ɵek, GanttComponent as ɵel, LineBarChartComponent as ɵf, BarChartThreeDComponent as ɵg, BubbleChartComponent as ɵh, RadarChartComponent as ɵi, FunnelChartComponent as ɵj, PercentPieChartComponent as ɵk, TreeRingChartComponent as ɵl, GaugeComponent as ɵm, LiquidFillComponent as ɵn, ButtonModule as ɵo, ButtonComponent as ɵp, HttpService as ɵq, TimerModule as ɵr, TimerComponent as ɵs, NumberFlopModule as ɵt, NumberFlopComponent as ɵu, VoteModule as ɵv, VoteComponent as ɵw, SelectComponent as ɵx, SearchModule as ɵy, SearchComponent as ɵz };
+export { AudioModule, BarChartThreeDModule, BasicBarChartComponent, BasicBarChartModule, BasicLineChartModule, BasicPieChartModule, BasicPlanimetricMapModule, BubbleChartModule, CheckboxModule, CommonService, CrossTableModule, CustomBaiduMapModule, DatePickerModule, FileUrlService, FunnelChartModule, GaodeMapService, GaugeModule, IframeModule, LiquidFillModule, MarqueeModule, PercentPieChartModule, PlanimetricMap2dModule, PlanimetricMap3dModule, RadarChartModule, Scatter3dModule, ScreenWidgetModule, SelectModule, TableModule, TreeControlModule, TreeRingChartModule, VideoGridModule, VideoPlayerModule, VisualMapChartModule, WorkbenchWidgetModule, ɵ0$2 as ɵ0, ɵ1$2 as ɵ1, ɵ2$2 as ɵ2, ɵ3$2 as ɵ3, ImageModule as ɵa, ImageComponent as ɵb, WeatherModule as ɵba, WeatherComponent as ɵbb, RadioModule as ɵbc, RadioComponent as ɵbd, CheckboxComponent as ɵbe, RateModule as ɵbf, RateComponent as ɵbg, GeneralTextModule as ɵbh, GeneralTextComponent as ɵbi, MarqueeComponent as ɵbj, WordartModule as ɵbk, WordartComponent as ɵbl, IconfontModule as ɵbm, IconfontComponent as ɵbn, TableComponent as ɵbo, AudioComponent as ɵbp, VideoPlayerComponent as ɵbq, ShapeModule as ɵbr, ShapeComponent as ɵbs, BackgroundModule as ɵbt, BackgroundComponent as ɵbu, ShufflingListModule as ɵbv, ShufflingListComponent as ɵbw, ColorPipe as ɵbx, BasicPlanimetricMapComponent as ɵby, ParentContainerComponent as ɵbz, BasicLineChartComponent as ɵc, BreathingBubbleLayerModule as ɵca, BreathingBubbleLayerComponent as ɵcb, PlanimetricMap2dComponent as ɵcc, FlyLineLayerModule as ɵcd, FlyLineLayerComponent as ɵce, Map2dPolylineLayerModule as ɵcf, Map2dPolylineLayerComponent as ɵcg, Map2dMarkLayerModule as ɵch, Map2dMarkLayerComponent as ɵci, Map2dVisualLayerModule as ɵcj, Map2dVisualLayerComponent as ɵck, ParentContainerModule as ɵcl, PlanimetricMap3dComponent as ɵcm, Map3dMarkLayerModule as ɵcn, Map3dMarkLayerComponent as ɵco, Map3dLineLayerModule as ɵcp, Map3dLineLayerComponent as ɵcq, MipAnimModule as ɵcr, MipAnimComponent as ɵcs, TreeControlComponent as ɵct, VisualMapChartComponent as ɵcu, DatePickerComponent as ɵcv, TimePickerModule as ɵcw, TimePickerComponent as ɵcx, CustomBaiduMapComponent as ɵcy, BaiduMarkerLayerComponent as ɵcz, BasicPieChartComponent as ɵd, BaseLayer as ɵda, BaiduPolylineLayerComponent as ɵdb, WindLayerComponent as ɵdc, TyphoonAreaLayerComponent as ɵdd, BaiduFenceComponent as ɵde, BaiduLushuComponent as ɵdf, UploadModule as ɵdg, UploadComponent as ɵdh, CrossTableComponent as ɵdi, Pie3dChartModule as ɵdj, Pie3dChartComponent as ɵdk, HighChartsService as ɵdl, MultiTitleGaugeModule as ɵdm, MultiTitleGaugeComponent as ɵdn, GaugeProgressModule as ɵdo, GaugeProgressComponent as ɵdp, ItemSwiperModule as ɵdq, ItemSwiperComponent as ɵdr, BulletinBoardModule as ɵds, BulletinBoardComponent as ɵdt, TemporaryDataModule as ɵdu, TemporaryDataComponent as ɵdv, LineLightFlowModule as ɵdw, LineLightFlowComponent as ɵdx, IframeComponent as ɵdy, VideoGridComponent as ɵdz, LineBarChartModule as ɵe, Scatter3dComponent as ɵea, TiandituModule as ɵeb, TiandituComponent as ɵec, TiandituMarkerComponent as ɵed, BaseLayer$1 as ɵee, AnnouncementModule as ɵef, AnnouncementComponent as ɵeg, TabsModule as ɵeh, TabsComponent as ɵei, TabComponent as ɵej, CalendarModule as ɵek, CalendarComponent as ɵel, BackgroundEventsComponent as ɵem, CalendarEventsChild as ɵen, EventsComponent as ɵeo, GanttModule as ɵep, GanttComponent as ɵeq, LineBarChartComponent as ɵf, BarChartThreeDComponent as ɵg, BubbleChartComponent as ɵh, RadarChartComponent as ɵi, FunnelChartComponent as ɵj, PercentPieChartComponent as ɵk, TreeRingChartComponent as ɵl, GaugeComponent as ɵm, LiquidFillComponent as ɵn, ButtonModule as ɵo, ButtonComponent as ɵp, HttpService as ɵq, TimerModule as ɵr, TimerComponent as ɵs, NumberFlopModule as ɵt, NumberFlopComponent as ɵu, VoteModule as ɵv, VoteComponent as ɵw, SelectComponent as ɵx, SearchModule as ɵy, SearchComponent as ɵz };
 //# sourceMappingURL=bbj-screen-widget.js.map