Question

我目前正在使用Ionic 4的Google API，我正在尝试实现一种方法，该方法将输入地址作为地址并返回该地址的经纬度（地理编码）。在尝试实现该方法时，遇到了这个问题：

类型“可观察”不能分配给类型“可观察”：

功能代码：

geocodeAddress(location: string): Observable<Location> {
  return this.waitForMapsToLoad().pipe(
  switchMap(() => {
    return new Observable(Location => {
      this.geocoder.geocode({address: location}, (results, status) => {
        if (status === google.maps.GeocoderStatus.OK) {
          observer.next({
            lat: results[0].geometry.location.lat(),
            lng: results[0].geometry.location.lng()
          });
        } else {
          console.log('Error - ', results, ' & Status - ', status);
          observer.next({ lat: 0, lng: 0 });
        }
        observer.complete();
      });
    });
  })
);
}`

位置信息类：

export interface Location {
  lat: number;
  lng: number;
}

进口：

import { Injectable } from '@angular/core';
import { MapsAPILoader } from '@agm/core';
import { Observable } from 'rxjs';
import { Subject } from 'rxjs/Subject';
import { of } from 'rxjs/observable/of';
import { filter, catchError, tap, map, switchMap } from 'rxjs/operators';
import { fromPromise } from 'rxjs/observable/fromPromise';
import { Location } from './Position';

产生错误：

TS2322: Type 'Observable<unknown>' is not assignable to type 
'Observable<Location>'.   
Type '{}' is missing the following properties from 
type 'Location': lat, lng

我看到人们有这种问题，但不是同一个问题，你能帮我吗？

Answer 1

很可能您缺少某种类型的某些值，并且编译器无法找出您可观察的类型。

使用new Observable<Location>明确提及它，这应该进一步指出另一个类型不匹配错误，或者使用

强制转换为可观察到的

return new Observable(Location => {
  this.geocoder.geocode({address: location}, (results, status) => {
    if (status === google.maps.GeocoderStatus.OK) {
      observer.next({
        lat: results[0].geometry.location.lat(),
        lng: results[0].geometry.location.lng()
      });
    } else {
      console.log('Error - ', results, ' & Status - ', status);
      observer.next({ lat: 0, lng: 0 });
    }
    observer.complete();
  });
}) as Observable<Location>;

使用显式键入，您可以缩小行构成问题的范围，并将演员表仅应用于此行。

edit：通过复制/粘贴代码，我注意到您使用Location作为您的lambda变量，我认为它是您在发布时犯的错误，并且在您的代码中已正确设置为observer代码。

类型'Observable <any>'不可分配给类型'Observable <any>'Ionic 4

1 个答案: