代码之家 › 专栏 › 技术社区 › Amirhosein Duzandeh

如何让angular agm库中的googleMap对象与google HeatMap一起工作?

heatmap typescript google-maps angular javascript

-1

Amirhosein Duzandeh · 技术社区 · 8 年前

我想在agm中获取googleMap对象并用于在项目中创建HeatMapLayer,但此代码不起作用:

declare var google: any;

@Directive({
  selector: 'my-comp',
})
export class MyComp {
  constructor(private _gmap:GoogleMapsAPIWrapper){
    _gmap.getMap().then((m: mapTypes.GoogleMap) => {
      console.log(google);
    });
  }
}

我读到GitHub repo的问题,每个人都说这段代码有效,但对我来说,它不起作用。为什么?

1 回复 | 直到 8 年前

1

0

Amirhosein Duzandeh 8 年前

我在聊天室找到了我的答案,我想与你分享

import { MapsAPILoader } from '@agm/core';
declare var google: any;

@Component({

  selector: 'app-test',
  templateUrl: // your url,

})

export class TestComponent implements OnInit {

    constructor( public mapsAPILoader: MapsAPILoader ) {}

    ngOnInit(): any {
        this.mapsAPILoader.load().then((x) => {
          this.map = new google.maps.Map( this.gmapElement.nativeElement, {
            zoom: 13,
            center: { lat: this.lat, lng: this.lng },
            mapTypeId: 'roadmap'
          }

          /* do anything you want with google map object */
      });
    }
}

我希望你喜欢。