javascript - Google map /TypeScript - 无法一致识别 google.maps.Place

Question

我正在尝试在我的应用程序中使用 Google map API。但是，我收到以下编译器错误:

[ts] Property 'Place' does not exist on type 'typeof maps'. Did you mean 'places'?

现在，通常我可能会假设我缺少打字或依赖项或其他东西；然而奇怪的是，“Place”属性仅在上面几行就被正确识别。

class gMap {
    latLong: google.maps.LatLng;
    window: google.maps.InfoWindow;
    marker: google.maps.Marker;
    map: google.maps.Map;
    directionsService: google.maps.DirectionsService;
    directionsDisplay: google.maps.DirectionsRenderer;
    placeID: string;
    place: google.maps.Place;

constructor(lat: number, long: number, place: string, info: string, mapEl: Element) {
    this.latLong = new google.maps.LatLng(lat, long);
    this.window = new google.maps.InfoWindow({ content: info });
    this.placeID = place;
    this.place = new google.maps.Place(place);

    this.map = new google.maps.Map(mapEl, {
        center: this.latLong,
        zoom: 15
    });

    this.marker = new google.maps.Marker({ position: this.latLong, map: this.map, });
    this.window.open(this.map, this.marker);

}

首次使用 google.maps.Place ( place: google.maps.Place;) 有效。构造函数中的一个 ( this.place = new google.maps.Place(place);) 导致错误。

如果这是显而易见的事情，我深表歉意，我对 TypeScript 和 Google map 还比较陌生。任何指导将不胜感激。谢谢。

Answer 1

根据 Google Maps JavaScript API 文档，google.maps.Place 不是类，而是一个对象:

https://developers.google.com/maps/documentation/javascript/reference#Place

因此，您不能使用 new 运算符来创建实例。您应该将其视为具有属性 location、placeId 和 query 的纯 JavaScript 对象。