web-dev-qa-db-fra.com

Ionic/3 google google maps TypeError: Object (...) n'est pas une fonction du nouveau service FitBounds

J'essaye d'instancier un exemple de google-maps angulaire à partir du site Web principal: https://angular-maps.com/guides/getting-started/ pour effectuer des tests d'application.

J'ai utilisé leur exemple de code comme suit:

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>

Et à la fin jette l'erreur suivante:

core.js: 1449 ERREUR Erreur: Non capturé (promis): TypeError: Object (...) n'est pas une fonction TypeError: Object (...) n'est pas une fonction sur le nouveau FitBoundsService (fit-bounds.js: 31) sur createClass (core.js: 12481) à _createProviderInstance (core.js: 12458) à createProviderInstance (core.js: 12299) à createViewNodes (core.js: 13771) à callViewAction (core.js: 14218) at execComponentViewsAction (core.js: 14127) à createViewNodes (core.js: 13812) à createRootView (core.js: 13673) sur callWithDebugContext (core.js: 15098) sur le nouveau FitBoundsService (fit-bounds.js: 31) sur createClass (core.js: 12481) à _createProviderInstance (core.js: 12458) à createProviderInstance (core.js: 12299) à createViewNodes (core.js: 13771) à callViewAction (core.js: 14218) at execComponentViewsAction (core.js: 14127) à createViewNodes (core.js: 13812) à createRootView (core.js: 13673) sur callWithDebugContext (core.js: 15098) en c (polyfills.js: 3) à Object.reject (polyfills.js: 3) à OverlayPortal.NavControllerBase._fireError (nav-controller-base.js: 223) sur OverlayPortal.NavControllerBase._failed (nav-controller-base.js: 216) sur nav-controller-base.js: 263 at t.invoke (polyfills.js: 3) sur Object.onInvoke (core.js: 4760) at t.invoke (polyfills.js: 3) en cours d'exécution (polyfills.js: 3) à polyfills.js: 3

J'apprécierais votre aide pour rechercher la source de ce problème.

androidangularionic2ionic3
3
D. Camargo

J'ai ajouté la commande suivante npm install rxjs@6 rxjs-compat@6 --save et cela fonctionne bien pour moi.

5
SANA Abdoul Aziz

Cela pourrait être un problème de dépendance de la version du package avec @ agm/core & angular.

Essayez de baisser votre version "@ agm/core" dans votre package.json pour votre projet (j'ai utilisé 1.0.0-beta.2 au lieu de la version 1.0.0-beta.5 installée).

Ils ont introduit un changement radical: feat (*): support angular 6

2
Zero

pour moi résolu quand utilisé version: 1.0.0-beta.3

package.json:

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