从回调函数angular

Question

我通过以下方式在我的角度应用程序中使用了谷歌地图。

const mapProp = {
      center: new google.maps.LatLng(24.828844, 67.034527),
      zoom: 12,
      mapTypeId: google.maps.MapTypeId.ROADMAP
    };
    this.map = new google.maps.Map(this.gmapElement.nativeElement, mapProp);

我正在通过以下方式向我的地图添加标记。

const marker = new google.maps.Marker({
      position: latlng,
      map: this.map,
      $this: this,
      title: 'Click to zoom',
      icon: Constants.Image,
    });

我通过以下方式将点击侦听器添加到标记中

marker.addListener('click', function() {
      this.map.setZoom(15);
      this.map.setCenter(marker.getPosition());
      this.$this.showDetailview = true;
    });

n在监听器的回调函数中，我通过showDetailview行将组件的变量this.$this.showDetailview = true;设置为true。但这是行不通的。我试图显示基于此变量的div，但它不起作用。谁能告诉我我是否做对了。如果错了，请提出一些方法使回调内的组件变量变为true。