Question

我正在尝试从主网站https://angular-maps.com/guides/getting-started/实例化一个angular-google-maps示例，以对应用进行一些测试。

我使用了他们的示例代码，如下所示：

import { Component } from '@angular/core';
        @Component({
              selector: 'page-location',
              templateUrl: 'location.html',

            })
            export class LocationPage {
              title: string = 'My first AGM project';
              lat: number = 51.678418;
              lng: number = 7.809007;
}



page-location 
{

    agm-map {
  height: 150px;
}

}



<h1>{{ title }}</h1>

<!-- this creates a google map on the page with the given lat/lng from -->
<!-- the component as the initial center of the map: -->
<agm-map style="height: 300px;" [latitude]="lat" [longitude]="lng">
  <agm-marker [latitude]="lat" [longitude]="lng"></agm-marker>
</agm-map>

最后抛出以下错误：

core.js：1449错误错误：未捕获（承诺）：TypeError：   Object（...）不是函数TypeError：Object（...）不是函数       在新的FitBoundsService（fit-bounds.js：31）       在createClass（core.js：12481）       在_createProviderInstance（core.js：12458）       在createProviderInstance（core.js：12299）       在createViewNodes（core.js：13771）       在callViewAction（core.js：14218）       在execComponentViewsAction（core.js：14127）       在createViewNodes（core.js：13812）       在createRootView（core.js：13673）       在callWithDebugContext（core.js：15098）       在新的FitBoundsService（fit-bounds.js：31）       在createClass（core.js：12481）       在_createProviderInstance（core.js：12458）       在createProviderInstance（core.js：12299）       在createViewNodes（core.js：13771）       在callViewAction（core.js：14218）       在execComponentViewsAction（core.js：14127）       在createViewNodes（core.js：13812）       在createRootView（core.js：13673）       在callWithDebugContext（core.js：15098）       在c（polyfills.js：3）       在Object.reject（polyfills.js：3）       在OverlayPortal.NavControllerBase._fireError（nav-controller-base.js：223）       在OverlayPortal.NavControllerBase._failed（nav-controller-base.js：216）       在nav-controller-base.js：263       在t.invoke时（polyfills.js：3）       在Object.onInvoke（core.js：4760）       在t.invoke时（polyfills.js：3）       在r.run（polyfills.js：3）       在polyfills.js：3

希望您能帮助您找到此问题的根源。

Answer 1

我添加了以下命令npm install rxjs@6 rxjs-compat@6 --save，对我来说很好用。

Answer 2

这可能是@ agm / core和angular的打包版本依赖性问题。

尝试为您的项目降低package.json中的“ @ agm / core”版本（我使用的是1.0.0-beta.2，而不是已安装的1.0.0-beta.5）。

他们引入了一项重大变化：feat(*): support angular 6

Answer 3

对我来说，使用的版本为1.0.0-beta.3

package.json：

"@agm/core": "~1.0.0-beta.3"

Ionic2 / 3角形Google Maps TypeError：Object（...）不是新FitBoundsService的函数

3 个答案: