属性 'map' 类型不存在 - Angular Google 地图项目

Question

我是 angular 的新手，正在尝试制作一个简单的 google 地图应用程序。我不断收到此错误 error TS2339: Property 'map' does not exist on type 'AppComponent'

我正在尝试访问地图属性，但我不能。也许我没有正确初始化它？

import { Component } from '@angular/core';

@Component({
  selector: 'app-root',
  templateUrl: 'app.component.html',
  styleUrls: ['app.component.scss'],
})
export class AppComponent {
  title = 'simple-gmaps-demo';
  lat = 51.678418;
  lng = 7.809007;

  onMapReady(map: google.maps.Map) {

    this.map = map;
    this.map.setCenter({lat:-32, lng:127});
    this.map.setZoom(10);
    
    // this.map.data.loadGeoJson('http://localhost:4200/assets/sample-farms.geojson', {}, features => {
    //   console.log(features);
    // });
  }
}

Answer 1

您需要声明属性地图


import { Component } from '@angular/core';

@Component({
  selector: 'app-root',
  templateUrl: 'app.component.html',
  styleUrls: ['app.component.scss'],
})
export class AppComponent {
  title = 'simple-gmaps-demo';
  lat = 51.678418;
  lng = 7.809007;
  map: any; // add this line

  onMapReady(map: google.maps.Map) {

    this.map = map;
    this.map.setCenter({lat:-32, lng:127});
    this.map.setZoom(10);
    
    // this.map.data.loadGeoJson('http://localhost:4200/assets/sample-farms.geojson', {}, features => {
    //   console.log(features);
    // });
  }
}

Answer 2

在标题下方的 AppComponent 中声明映射属性，例如：-

map: google.maps.Map;

属性 'map' 类型不存在 - Angular Google 地图项目

Property 'map' does not exist on type - Angular Google Maps project

angular

typescript

agm