bbj-screen-widget 2.4.67 → 2.4.69

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 = () => [
@@ -19534,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;
+        });
+    }
+    ngOnInit() {
+        return __awaiter(this, void 0, void 0, function* () {
+            scaleAdapter(this.scale$, this.destroy$, this.zone, this.elementRef.nativeElement, this.widgetRef);
+            this.initMap();
+        });
+    }
+    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();
+            });
         });
-        for (let i = 1; i <= 82; i++) {
-            widgetService.register(ImageComponent, {
-                option: { image: `assets/img/screen/picture${i}.png` },
+    }
+    ngOnChanges(changes) {
+        if (this.inited) {
+            this.zone.runOutsideAngular(() => {
+                this.updateOverlays();
             });
         }
-        icons.forEach((icon) => {
-            widgetService.register(IconfontComponent, {
-                option: { icon },
+    }
+    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;
         });
-        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: '副标题',
+    }
+    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 },
@@ -19981,6 +21083,11 @@ ScreenWidgetModule.decorators = [
                     IframeModule,
                     VideoGridModule,
                     Scatter3dModule,
+                    TiandituModule
+                    // DropDownDetailListModule,
+                    // DynamicListModule,
+                    // MyBaiduMapModule,
+                    // DataMapModule
                 ],
                 exports: [],
                 declarations: [],
@@ -20098,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;
@@ -20226,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: '内容' },
@@ -20284,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);
@@ -20327,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: '标题' },
@@ -20341,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);
@@ -20390,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: '标题' },
@@ -21334,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, 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, AnnouncementModule as ɵeb, AnnouncementComponent as ɵec, TabsModule as ɵed, TabsComponent as ɵee, TabComponent as ɵef, CalendarModule as ɵeg, CalendarComponent as ɵeh, BackgroundEventsComponent as ɵei, CalendarEventsChild as ɵej, EventsComponent as ɵek, GanttModule as ɵel, GanttComponent as ɵem, 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, TiandituModule, 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, TiandituComponent as ɵeb, TiandituMarkerComponent as ɵec, BaseLayer$1 as ɵed, AnnouncementModule as ɵee, AnnouncementComponent as ɵef, TabsModule as ɵeg, TabsComponent as ɵeh, TabComponent as ɵei, CalendarModule as ɵej, CalendarComponent as ɵek, BackgroundEventsComponent as ɵel, CalendarEventsChild as ɵem, EventsComponent as ɵen, GanttModule as ɵeo, GanttComponent as ɵep, 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