地址提示.

KsL1

于 2022-01-14 11:51:14 发布

阅读量125

点赞数

分类专栏： angular ts js 文章标签： javascript vue.js 开发语言

本文链接：https://blog.csdn.net/weixin_45553145/article/details/122491031

版权

js 同时被 3 个专栏收录

15 篇文章 0 订阅

订阅专栏

angular

13 篇文章 0 订阅

订阅专栏

13 篇文章 0 订阅

订阅专栏

  ngAfterViewInit() {
    this.getPlaceAutocomplete();
  }

  private getPlaceAutocomplete() {
    
    const autocomplete = new google.maps.places.Autocomplete(this.addresstext.nativeElement,//输入东西提示的dom
      
      {
        componentRestrictions: { country: 'US' },
      });

    google.maps.event.addListener(autocomplete, 'place_changed', () => {
      console.log(this.addresstext.nativeElement);
      const place = autocomplete.getPlace();

      this.invokeEvent(place);
    });

  }
  invokeEvent(place: google.maps.places.PlaceResult) {
    console.log(place);
    this.ngZone.run(() => {
      this.name = place.formatted_address;
      this.search()
    });
  }