Question

我正在尝试按照下面列出的教程使用Angular 8实现自动完成功能。我已经在Angular的不同版本中多次实现了此geolocator自动完成功能，但是今天在Angular 8上出现了错误：

使用MapsAPILoader时无法解析参数

教程

https://brianflove.com/2016/10/18/angular-2-google-maps-places-autocomplete/

我的代码：

import { ElementRef, NgZone, OnInit, ViewChild } from '@angular/core';
import { FormControl } from '@angular/forms';
import { } from 'googlemaps';
import { MapsAPILoader } from '@agm/core';

export class App implements OnInit {
  ...
  constructor(
    private mapsAPILoader: MapsAPILoader,
    private ngZone: NgZone
  ) {}

  ngOnInit() {}

如果我删除此行：

private mapsAPILoader: MapsAPILoader

错误消失

Answer 1

只看了一下本教程。如果您只是从App类复制了代码，那么它将无法正常工作。您需要添加组件装饰器：

@Component({
  selector: 'my-app',
  styles: [`
    agm-map {
      height: 300px;
    }
  `],
  template: `
    <div class="container">
      <h1>Angular 2 + Google Maps Places Autocomplete</h1>
      <div class="form-group">
        <input placeholder="search for location" autocorrect="off" autocapitalize="off" spellcheck="off" type="text" class="form-control" #search [formControl]="searchControl">
      </div>
      <agm-map [latitude]="latitude" [longitude]="longitude" [scrollwheel]="false" [zoom]="zoom">
        <agm-marker [latitude]="latitude" [longitude]="longitude"></agm-marker>
      </agm-map>
    </div>
  `
})
export class App implements OnInit {}

使用MapsAPILoader时无法解析参数-Angular

1 个答案: