demo 手写高德的搜索框逻辑.方便移植至科达

src/app/app.component.ts

@@ -1,10 +1,10 @@
 import { Component, Inject, Injector } from '@angular/core';
 import { HttpClient } from '@angular/common/http'
 import { Data } from './interface'
-import { Router,ActivatedRoute } from '@angular/router'
-import {CacheTokenService} from './http-interceptors/cache-token.service'//引入服务
+import { Router, ActivatedRoute } from '@angular/router'
+import { CacheTokenService } from './http-interceptors/cache-token.service'//引入服务
 import { MaskLayerService } from './mask-layer.service';
-
+import * as global from 'globals';
 
 
 @Component({
@@ -14,45 +14,45 @@ import { MaskLayerService } from './mask-layer.service';
 })
 export class AppComponent {
 
-  constructor(private maskLayerService:MaskLayerService,private http:HttpClient,private router:Router,public token:CacheTokenService,private injector:Injector) {
-    window.injector = injector;
+    constructor(private maskLayerService: MaskLayerService, private http: HttpClient, private router: Router, public token: CacheTokenService, private injector: Injector) {
+        global.injector = injector;
     }
 
-  isMaskLayerShow:boolean = false
+    isMaskLayerShow: boolean = false
 
     ngOnInit(): void {
 
         //监听遮罩层
-    this.maskLayerService.getMessage().subscribe((message: any)=>{
+        this.maskLayerService.getMessage().subscribe((message: any) => {
             this.isMaskLayerShow = message
         });
         var token = sessionStorage.getItem("token");
         var refreshToken = sessionStorage.getItem("refreshToken");
-    if(token && refreshToken) {
+        if (token && refreshToken) {
             this.http.post('/api/Account/RefreshToken', {
                 token: token,
                 refreshToken: refreshToken
             }).subscribe((data: Data) => {
-        sessionStorage.setItem("level",data.level);
-        sessionStorage.setItem("token",data.token);
-        sessionStorage.setItem("refreshToken",data.refreshToken);
+                sessionStorage.setItem("level", data.level);
+                sessionStorage.setItem("token", data.token);
+                sessionStorage.setItem("refreshToken", data.refreshToken);
                 this.token.startUp()
             })
         }
         // console.log(1234,document.documentElement.clientWidth)
-    function addMeta(name,content){//手动添加mate标签
+        function addMeta(name, content) {//手动添加mate标签
 
             let meta = document.createElement('meta');
 
-          meta.content=content;
+            meta.content = content;
 
-          meta.name=name;
+            meta.name = name;
 
-          document.getElementsByTagName('head')[0].appendChild(meta);
+            document.getElementsByTagName('head')[0].appendChild(meta);
 
         }
-    if(document.documentElement.clientWidth < 800){
-      addMeta('viewport','initial-scale=0.5, maximum-scale=0.5, minimum-scale=0.5, user-scalable=no,uc-fitscreen=yes,viewport-fit=cover')
+        if (document.documentElement.clientWidth < 800) {
+            addMeta('viewport', 'initial-scale=0.5, maximum-scale=0.5, minimum-scale=0.5, user-scalable=no,uc-fitscreen=yes,viewport-fit=cover')
         }
     }
 

src/app/app.module.ts

@@ -2,7 +2,7 @@ import { BrowserModule } from '@angular/platform-browser';
 import { NgModule } from '@angular/core';
 import { AppRoutingModule } from './app-routing.module';
 import { AppComponent } from './app.component';
-import {BrowserAnimationsModule} from '@angular/platform-browser/animations';
+import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
 import { MatButtonModule } from '@angular/material/button';
 import { MatCheckboxModule } from '@angular/material/checkbox';
 import { MatIconModule } from '@angular/material/icon';
@@ -15,8 +15,8 @@ import { FormsModule } from '@angular/forms';
 import { UiModule } from './ui/ui.module';
 import { HttpClientModule } from '@angular/common/http';
 import { httpInterceptorProviders } from './http-interceptors/index'
-import {CacheTokenService} from './http-interceptors/cache-token.service'
-import { TreeService } from'./http-interceptors/tree.service';
+import { CacheTokenService } from './http-interceptors/cache-token.service'
+import { TreeService } from './http-interceptors/tree.service';
 import { MTokenK1Component } from './m-token-k1/m-token-k1.component' //K1秘钥
 import { CountdownModule } from 'ngx-countdown'; //倒计时插件
 import { GISManagementModule } from './gis-management/gis-management.module';
@@ -24,6 +24,7 @@ import { DataCollectionModule } from './data-collection/data-collection.module';
 import { MatProgressSpinnerModule } from '@angular/material/progress-spinner';
 import { TestComponent } from './test/test.component';
 import { ExternalLinksPlanComponent } from './external-links-plan/external-links-plan.component';
+import { SearchDownList } from '../modules/map/declare/component/SearchDownListPlugins/SearchDownList';
 
 @NgModule({
     declarations: [
@@ -31,7 +32,8 @@ import { ExternalLinksPlanComponent } from './external-links-plan/external-links
         HomeComponent,
         MTokenK1Component,
         TestComponent,
-    ExternalLinksPlanComponent
+        ExternalLinksPlanComponent,
+        SearchDownList
     ],
     imports: [
         BrowserModule,
@@ -51,7 +53,7 @@ import { ExternalLinksPlanComponent } from './external-links-plan/external-links
         MatProgressSpinnerModule,
         UiModule
     ],
-  providers: [httpInterceptorProviders, CacheTokenService,TreeService],
+    providers: [httpInterceptorProviders, CacheTokenService, TreeService],
     bootstrap: [AppComponent]
 })
 export class AppModule { }

src/app/pages/login/login.component.ts

@@ -1,13 +1,13 @@
 import { ApplicationRef, Component, ComponentFactoryResolver, Injector, OnInit } from '@angular/core';
 import { HttpClient } from '@angular/common/http'
 import { Data } from '../../interface'
-import { Router,ActivatedRoute } from '@angular/router'
-import {CacheTokenService} from '../../http-interceptors/cache-token.service'//引入服务
-import { MatSnackBar,MatSnackBarConfig } from '@angular/material/snack-bar';
-import { MatDialog,MatDialogRef } from '@angular/material/dialog';
+import { Router, ActivatedRoute } from '@angular/router'
+import { CacheTokenService } from '../../http-interceptors/cache-token.service'//引入服务
+import { MatSnackBar, MatSnackBarConfig } from '@angular/material/snack-bar';
+import { MatDialog, MatDialogRef } from '@angular/material/dialog';
 import { SearchService } from '@src/app/searchComponent.service';
 import { SearchDownList } from '@src/modules/map/declare/component/SearchDownListPlugins/SearchDownList';
-
+import * as global from 'globals';
 
 
 @Component({
@@ -17,96 +17,98 @@ import { SearchDownList } from '@src/modules/map/declare/component/SearchDownLis
 })
 export class LoginComponent implements OnInit {
 
-  constructor(private http:HttpClient,private router:Router,private route:ActivatedRoute,public token:CacheTokenService,public snackBar: MatSnackBar, public dialog: MatDialog) { 
+    constructor(private http: HttpClient, private router: Router, private route: ActivatedRoute, public token: CacheTokenService, public snackBar: MatSnackBar, public dialog: MatDialog) {
 
-    window.injector.get<SearchService>(SearchService).appendComponentToBody(SearchDownList);
     }
 
     ngOnInit() {
         this.automaticLogin()
     }
 
-  errmsg :string = ''
+    errmsg: string = ''
 
-  onSubmit(e){
-    this.http.post('/api/Account/SignIn',{
+    onSubmit(e) {
+        this.http.post('/api/Account/SignIn', {
             name: e.name,
-      password: e.password}).subscribe( (data: Data) => { 
-        sessionStorage.setItem("level",data.level);
-        sessionStorage.setItem("token",data.token);
-        sessionStorage.setItem("refreshToken",data.refreshToken);
-        sessionStorage.setItem("isDefaultPassword",data.isDefaultPassword);//是否需要修改默认密码
-        this.http.get('/api/Account/NavMenus').subscribe((data:any)=>{
-          let isHave = data.find(item=>{ return item.url == "/statisticanalysis/home"})
-          let isHaveGis = data.find(item=>{ return item.url == "/gis"})
+            password: e.password
+        }).subscribe((data: Data) => {
+            sessionStorage.setItem("level", data.level);
+            sessionStorage.setItem("token", data.token);
+            sessionStorage.setItem("refreshToken", data.refreshToken);
+            sessionStorage.setItem("isDefaultPassword", data.isDefaultPassword);//是否需要修改默认密码
+            this.http.get('/api/Account/NavMenus').subscribe((data: any) => {
+                let isHave = data.find(item => { return item.url == "/statisticanalysis/home" })
+                let isHaveGis = data.find(item => { return item.url == "/gis" })
                 if (isHave) {
                     this.router.navigate([`/statisticanalysis/home`])
                     this.dialogChangePassword()
                     return
-          } else if(isHaveGis){
+                } else if (isHaveGis) {
                     this.router.navigate([`/gis`])
                     this.dialogChangePassword()
                     return
-          } else if(data.length != 0){
+                } else if (data.length != 0) {
                     this.router.navigate([`/keyUnit`])
                     this.dialogChangePassword()
                     return
                     data.forEach(item => {
-              if(item.url){
+                        if (item.url) {
 
                         }
                     });
-          }else{
+                } else {
                     this.snackBar.open('该用户角色未分配任何菜单', '确定', {
                         duration: 3000
                     });
                 }
 
             })
-        if(e.notlogin){ //7天免登录时
-          localStorage.setItem("isnologin","true")
-          localStorage.setItem("token",data.token)
-          localStorage.setItem("refreshToken",data.refreshToken) }
+            if (e.notlogin) { //7天免登录时
+                localStorage.setItem("isnologin", "true")
+                localStorage.setItem("token", data.token)
+                localStorage.setItem("refreshToken", data.refreshToken)
+            }
             //调用服务中的function刷新token
             this.token.startUp()
         },
-      (err) => {this.errmsg = err}
+            (err) => { this.errmsg = err }
         )
     }
 
 
-  dialogChangePassword(){
-    if(sessionStorage.getItem('isDefaultPassword') == 'true'){
+    dialogChangePassword() {
+        if (sessionStorage.getItem('isDefaultPassword') == 'true') {
             let dialogRef = this.dialog.open(ChangepasswordComponent2,
-        {width:'348px'});
+                { width: '348px' });
 
-      dialogRef.afterClosed().subscribe((data)=>{
-        sessionStorage.setItem('isDefaultPassword','false')
+            dialogRef.afterClosed().subscribe((data) => {
+                sessionStorage.setItem('isDefaultPassword', 'false')
             });
         }
     }
     //7天免登录自动登录
-  automaticLogin () {
+    automaticLogin() {
         let isNoLogin = localStorage.getItem("isnologin")
         if (isNoLogin) { //7天免登录时
             let token = localStorage.getItem("token");
             let refreshToken = localStorage.getItem("refreshToken");
             this.http.post('/api/Account/RefreshToken', {
                 token: token,
-        refreshToken: refreshToken}).subscribe((data:any)=>{
-          sessionStorage.setItem("level",data.level);
-          sessionStorage.setItem("token",data.token);
-          sessionStorage.setItem("refreshToken",data.refreshToken);
+                refreshToken: refreshToken
+            }).subscribe((data: any) => {
+                sessionStorage.setItem("level", data.level);
+                sessionStorage.setItem("token", data.token);
+                sessionStorage.setItem("refreshToken", data.refreshToken);
                 this.token.startUp()
                 this.router.navigate(['/keyUnit'])
-          this.snackBar.open('已自动登录', '确定', {duration: 3000});
+                this.snackBar.open('已自动登录', '确定', { duration: 3000 });
             })
         } //if
 
     }
 
     //打开弹窗
-  open () {
+    open() {
         this.snackBar.open('请联系管理员', '确定', {
             duration: 3000
         });
@@ -124,28 +126,27 @@ export class LoginComponent implements OnInit {
 
 export class ChangepasswordComponent2 implements OnInit {
 
-  constructor(private http:HttpClient,public snackBar: MatSnackBar,
+    constructor(private http: HttpClient, public snackBar: MatSnackBar,
         public dialogRef: MatDialogRef<ChangepasswordComponent2>) { }
 
     ngOnInit() {
     }
-  errmsg :string = ''
+    errmsg: string = ''
 
-  onSubmit(e){
+    onSubmit(e) {
         this.http.put(
             '/api/Account/Password',
             {
                 newPassword: e.newPassword,
                 password: 'SHya119!@'
             }
-    ).subscribe(data=> {
+        ).subscribe(data => {
             this.dialogRef.close(data);
             const config = new MatSnackBarConfig();
             config.verticalPosition = 'top';
             config.duration = 3000
-      this.snackBar.open('密码修改成功','确定',config);
-    },(err) =>
-    {this.errmsg = err}
+            this.snackBar.open('密码修改成功', '确定', config);
+        }, (err) => { this.errmsg = err }
         )
     }
 

src/app/searchComponent.service.ts

@@ -4,25 +4,24 @@ import { ApplicationRef, ComponentFactoryResolver, ComponentRef, EmbeddedViewRef
     providedIn: 'root'
 })
 export class SearchService {
-    constructor(private componentFactoryResolver: ComponentFactoryResolver,private applicationRef: ApplicationRef,private injector: Injector,) {}
+    constructor(private componentFactoryResolver: ComponentFactoryResolver, private applicationRef: ApplicationRef, private injector: Injector,) { }
 
     //angular 动态组件
-    appendComponentToBody(component: any) {
+    appendComponentToBody<T>(component: any): ComponentRef<T> {
         //create a component reference
         const componentRef = this.componentFactoryResolver.resolveComponentFactory(component).create(this.injector);
-    
         // attach component to the appRef so that so that it will be dirty checked.
         this.applicationRef.attachView(componentRef.hostView);
 
         // get DOM element from component
-        const domElem = (componentRef.hostView as EmbeddedViewRef < any > ).rootNodes[0] as HTMLElement;
+        const domElem = (componentRef.hostView as EmbeddedViewRef<any>).rootNodes[0] as HTMLElement;
 
         document.body.appendChild(domElem);
 
-        return componentRef;
+        return componentRef as ComponentRef<T>;
     }
 
-      removeComponentFromBody(componentRef: ComponentRef < any > ) {
+    removeComponentFromBody(componentRef: ComponentRef<any>) {
         this.applicationRef.detachView(componentRef.hostView);
         componentRef.destroy();
     }

src/global.d.ts

@@ -1,5 +0,0 @@
-import { Injector } from "@angular/core";
-
-export declare interface Window {
-    injector: Injector
-  }

src/modules/map/declare/component/SearchDownListPlugins/SearchDownList.ts

@@ -2,7 +2,7 @@ import { Component, OnInit, Inject } from '@angular/core';
 import { AutocompleteSelect } from '../../map';
 
 
-type ClickHandler = (data:AutocompleteSelect)=>void;
+type ClickHandler = (data: AutocompleteSelect) => void;
 
 @Component({
     selector: 'SearchDownList',
@@ -17,13 +17,17 @@ export class SearchDownList implements OnInit {
     public leftCss: string = '0px';
     public topCss: string = '0px';
     public minWidthCss: string = '0px';
-    private clickHandler:ClickHandler;
+    private clickHandler: ClickHandler;
     ngOnInit(): void {
     }
-
-    init(elementId:string,clickCallback:ClickHandler):void{
+    setClickHander(handler: ClickHandler) {
+        this.clickHandler = handler;
+    }
+    clearClickHander() {
+        this.clearClickHander = null;
+    }
+    init(elementId: string): void {
         this.$input = document.getElementById(elementId);
-        this.clickHandler = clickCallback;
         //this.addDOMEvent();
     }
     // input 添加监听事件
@@ -35,11 +39,17 @@ export class SearchDownList implements OnInit {
     }
 
     select(e) {
-        this.clickHandler(e);
+        this.clearClickHander && this.clickHandler(e);
         this.searchList = [];
     }
 
     watch() {
         //TODO:修改leftCss ,topCss
     }
+
+    testAddData() {
+        this.searchList.push({
+            name: "asfasdfasdf"
+        } as AutocompleteSelect);
+    }
 }

src/modules/map/declare/gaode-map.ts

@@ -1,5 +1,8 @@
-import { HtmlRender, ICircle, IIcon, IIconOptions, ILayer, ILngLat, IMap, IMapOptions, IMarker, IMarkerCluster, IMarkOptions, IMouseTool, IInfoWindow, IPixel, IRenderClusterMarker, ISelf, ISize, PixelRender, ITileLayer, IDriving, IDrivingOptions, IAutocomplete, IPlaceSearch, AutocompleteSearchCallback, AutocompleteSelectCallback, PlaceSearchCallback } from './map'
+import { HtmlRender, ICircle, IIcon, IIconOptions, ILayer, ILngLat, IMap, IMapOptions, IMarker, IMarkerCluster, IMarkOptions, IMouseTool, IInfoWindow, IPixel, IRenderClusterMarker, ISelf, ISize, PixelRender, ITileLayer, IDriving, IDrivingOptions, IAutocomplete, IPlaceSearch, AutocompleteSearchCallback, AutocompleteSelectCallback, PlaceSearchCallback, AutocompleteSearch } from './map'
 import MapTools from './map-tools';
+import * as global from 'globals';
+import { SearchService } from '@src/app/searchComponent.service';
+import { SearchDownList } from './component/SearchDownListPlugins/SearchDownList';
 declare var AMap: any;
 declare var AMapUI: any;
 
@@ -10,13 +13,13 @@ class GaodeBasic implements ISelf {
 
 export class GaoDeMap extends GaodeBasic implements IMap {
     /// plugins:同步加载插件
-    constructor(container: string, options: IMapOptions,plugins?:string[]) {
+    constructor(container: string, options: IMapOptions, plugins?: string[]) {
         super();
         this.self = new AMap.Map(container, options);
-        if(!!plugins && plugins.length){
-            for(var i in plugins){
+        if (!!plugins && plugins.length) {
+            for (var i in plugins) {
                 let name = plugins[i];
-                if(name.indexOf('AMap.')==-1)continue;
+                if (name.indexOf('AMap.') == -1) continue;
                 let pObj = eval(`new ${plugins[i]}()`);
                 this.self.plugin(pObj);
             }
@@ -38,7 +41,7 @@ export class GaoDeMap extends GaodeBasic implements IMap {
         return this.self.setZoomAndCenter(zoom, pos)
     }
     plugin(pluginNames: string[], callback: Function) {
-        let names = pluginNames.filter(s=>s.indexOf("AMap.")==0);
+        let names = pluginNames.filter(s => s.indexOf("AMap.") == 0);
         return this.self.plugin(names, callback)
     }
     getBounds() {
@@ -59,9 +62,9 @@ export class GaoDeMap extends GaodeBasic implements IMap {
     setCenter(pos: any) {
         return this.self.setCenter(pos)
     }
-    getCenter():ILngLat {
+    getCenter(): ILngLat {
         let d = this.self.getCenter();
-        return new GaoDeLngLat(0,0,d);
+        return new GaoDeLngLat(0, 0, d);
     }
     getZoom() {
         return this.self.getZoom();
@@ -238,7 +241,7 @@ export class GaoDePixel extends GaodeBasic implements IPixel {
         this.self = new AMap.Pixel(x, y);
     }
     getArray(): number[] {
-       return [this.x,this.y];
+        return [this.x, this.y];
     }
 
     x: number;
@@ -255,8 +258,8 @@ export class GaoDeMarker extends GaodeBasic implements IMarker {
     setContent(html: string) {
         return this.self.setContent(html)
     }
-    setPosition(x: ILngLat|number[]) {
-        x = (x as ILngLat).getArray == undefined ? x:(x as ILngLat).getArray();
+    setPosition(x: ILngLat | number[]) {
+        x = (x as ILngLat).getArray == undefined ? x : (x as ILngLat).getArray();
         return this.self.setPosition(x)
     }
     _position: number[]
@@ -279,7 +282,7 @@ export class GaoDeMarkerCluster extends GaodeBasic implements IMarkerCluster {
         super();
         let conf = MapTools.ExplicitConvert(options);
 
-        AMap.plugin('AMap.MarkerClusterer',()=>{
+        AMap.plugin('AMap.MarkerClusterer', () => {
             this.self = new AMap.MarkerCluster(map.self, list, conf)
         });
     }
@@ -292,23 +295,23 @@ export class GaoDeMarkerCluster extends GaodeBasic implements IMarkerCluster {
 }
 
 export class GaoDeLngLat extends GaodeBasic implements ILngLat {
-    constructor(x: number, y: number,me?:any) {
+    constructor(x: number, y: number, me?: any) {
         super();
-        if(me==undefined)
+        if (me == undefined)
             this.self = new AMap.LngLat(x, y);
         else
             this.self = me;
     }
 
-    typeName="LngLat";
-    get KL():number{
+    typeName = "LngLat";
+    get KL(): number {
         return this.lng;
     }
-    get kT():number{
+    get kT(): number {
         return this.lat;
     }
     getArray(): number[] {
-        return [this.lng,this.lat];
+        return [this.lng, this.lat];
     }
     get lng(): number {
         return this.self.lng;
@@ -316,7 +319,7 @@ export class GaoDeLngLat extends GaodeBasic implements ILngLat {
     get lat(): number {
         return this.self.lat;
     }
-    offset(x: number, y: number):ILngLat {
+    offset(x: number, y: number): ILngLat {
         return this.self.offset(x, y)
     }
 }
@@ -362,12 +365,12 @@ export class GaodeDriving extends GaodeBasic implements IDriving {
     constructor(options: IDrivingOptions) {
         super();
         options.map = options.map.self
-        AMap.plugin('AMap.Driving',()=>{
+        AMap.plugin('AMap.Driving', () => {
             this.self = new AMap.Driving(options)
         })
     }
     search(posStart?: ILngLat, posEnd?: ILngLat, callback?: Function) {
-        return this.self.search(posStart.getArray(),posEnd.getArray(),callback)
+        return this.self.search(posStart.getArray(), posEnd.getArray(), callback)
     }
     clear() {
         return this.self.clear()
@@ -375,38 +378,54 @@ export class GaodeDriving extends GaodeBasic implements IDriving {
 }
 
 export class GaodeAutocomplete extends GaodeBasic implements IAutocomplete {
-    private component:any
-    constructor(options: any,component: any) {
+    private component: any
+    private searchDownList: SearchDownList
+    constructor(options: any, component: any) {
         super();
         this.component = component
-        AMap.plugin('AMap.AutoComplete',()=>{
+        AMap.plugin('AMap.AutoComplete', () => {
             this.self = new AMap.Autocomplete(options)
         })
+
+        this.searchDownList = global.injector.get<SearchService>(SearchService).appendComponentToBody(SearchDownList).instance;
+        this.searchDownList.init(options.input);
+
+        this.self.on('complete', (e) => {
+            console.log('search complete', e);
+            this.searchDownList.searchList = e.tips || [];
+        })
     }
     on(eventName: string, callback: AutocompleteSelectCallback) {
-        return this.self.on(eventName, (event)=>{
-            callback.call(this.component,event)
-        })
+        this.searchDownList.setClickHander(e => {
+            alert(e.name);
+            callback(e);
+        });
+        //$().addEventListener
+        // return this.self.on(eventName, (event) => {
+        //     console.log('on event', event)
+        //     callback.call(this.component, event)
+        // })
     }
     search(address: string, callback: AutocompleteSearchCallback) {
-        return this.self.search(address,(status,result)=>{
-            callback.call(this.component,status,result)
+        return this.self.search(address, (status, result: AutocompleteSearch) => {
+            this.searchDownList.searchList = result.tips || [];
+            callback.call(this.component, status, result)
         })
     }
 }
 
 export class GaodePlaceSearch extends GaodeBasic implements IPlaceSearch {
-    private component:any
+    private component: any
     constructor(component: any) {
         super();
         this.component = component
-        AMap.plugin('AMap.PlaceSearch',()=>{
+        AMap.plugin('AMap.PlaceSearch', () => {
             this.self = new AMap.PlaceSearch()
         })
     }
     search(text: string, callback: PlaceSearchCallback) {
-        return this.self.search(text,(status,result)=>{
-            callback.call(this.component,status,result)
+        return this.self.search(text, (status, result) => {
+            callback.call(this.component, status, result)
         })
     }
 }
@@ -414,7 +433,7 @@ export class GaodePlaceSearch extends GaodeBasic implements IPlaceSearch {
 export class GaodeMouseTool extends GaodeBasic implements IMouseTool {
     constructor(map: IMap) {
         super();
-        AMap.plugin(["AMap.RangingTool", "AMap.MouseTool"],()=>{
+        AMap.plugin(["AMap.RangingTool", "AMap.MouseTool"], () => {
             this.self = new AMap.MouseTool(map.self);
         })
     }

src/modules/map/declare/keda-map.ts

@@ -3,6 +3,7 @@ import * as ObjectID from 'bson-objectid';
 import { SearchDownList } from './component/SearchDownListPlugins/SearchDownList';
 import { ApplicationRef, ComponentFactoryResolver, Injector, ReflectiveInjector } from '@angular/core';
 import { SearchService } from '@src/app/searchComponent.service';
+import * as global from 'globals';
 declare var KMap: any;
 
 class KedaBasic implements ISelf {
@@ -319,7 +320,7 @@ export class KedaAutocomplete extends KedaBasic implements IAutocomplete { //Aut
         this.component = component
         const injector = Injector.create({
             providers:
-                [{provide: SearchService, deps: [ComponentFactoryResolver,ApplicationRef,Injector]}]
+                [{ provide: SearchService, deps: [ComponentFactoryResolver, ApplicationRef, Injector] }]
         });
         injector.get<SearchService>(SearchService).appendComponentToBody(SearchDownList);
         if (options && options.input != undefined) { //绑定input框搜索事件
@@ -329,7 +330,7 @@ export class KedaAutocomplete extends KedaBasic implements IAutocomplete { //Aut
     on(eventName: string, callback: AutocompleteSelectCallback) {
 
     }
-    inputListen(elementId:string){
+    inputListen(elementId: string) {
 
     }
     search(address: string, callback: AutocompleteSearchCallback) {