Erreur: impossible de trouver l'élément [#map_canvas]

J'ai une application Ionic 4 qui utilise @ ionic-native / google-maps . J'obtiens l'erreur suivante:

[Browser][cordova.js][xhrStatusChangeHandler] Could not XHR config.xml: Not Found

Voici info.page.html:

GET http://192.168.43.43:8100/config.xml 404 (Not Found)

info.page.ts: p >

import { Component, OnInit } from '@angular/core';
import { LocationService } from '../location.service';
import { NavController, Platform } from '@ionic/angular';
import {
  GoogleMaps,
  GoogleMap,
  GoogleMapsEvent,
  GoogleMapOptions,
  CameraPosition,
  MarkerOptions,
  Marker,
  Environment
} from '@ionic-native/google-maps';

@Component({
  selector: 'app-tiedot',
  templateUrl: './info.page.html',
  styleUrls: ['./info.page.scss'],
})
export class InfoPage implements OnInit {

  info: any;
  map: GoogleMap;

  constructor(public service: LocationService,
    public navCtrl: NavController,
    private platform: Platform) {
  }

  async ngOnInit() {
    this.map = this.service.getInfo();
    await this.platform.ready();
    await this.loadMap();
  }

  goBack() {
    this.navCtrl.back();
  }

  loadMap() {
    Environment.setEnv({
      'API_KEY_FOR_BROWSER_RELEASE': 'AIzaSyDhNkv1hIlt92x02Glsg9u_7u9GSwcOV5U',
      'API_KEY_FOR_BROWSER_DEBUG': 'AIzaSyDhNkv1hIlt92x02Glsg9u_7u9GSwcOV5U'
    })

    let mapOptions: GoogleMapOptions = {
      camera: {
        target: {
          lat: 43.0741904,
          lng: -89.3809802
        },
        zoom: 18,
        tilt: 30
      }
    }

    this.map = GoogleMaps.create('map_canvas', mapOptions);

    let marker: Marker = this.map.addMarkerSync({
      title: 'Ionic',
      icon: 'blue',
      animation: 'drop',
      position: {
        lat: 43.0741904,
        lng: -89.3809802
      }
    });
    marker.on(GoogleMapsEvent.MARKER_CLICK).subscribe(() => {
      alert('klikattu');
    })
  }

}

}

Vous pouvez également fournir une explication sur la signification de ces messages d'erreur:

<ion-header>
    <ion-toolbar>
        <ion-title>Details</ion-title>
        <ion-buttons slot="start">
            <ion-button (click)="goBack()">
                <ion-icon slot="start" name="arrow-back"></ion-icon>
            </ion-button>
        </ion-buttons>
    </ion-toolbar>
</ion-header>

<ion-content padding>

    <ion-card *ngIf="info != undefined">
        <ion-card-header>
            <ion-card-subtitle>{{ info.nimi }}</ion-card-subtitle>
            <ion-card-title>{{ info.osoite }}</ion-card-title>
        </ion-card-header>

        <ion-card-content>
            {{ info.postinumero }} {{ info.kunta }}
            <br>
      {{ info.aukioloajat }}
    </ion-card-content>
  </ion-card>

  <div id="map_canvas"></div>

</ion-content>

et

ERROR Error: Uncaught (in promise): Error: Can not find the element [#map_canvas]
Error: Can not find the element [#map_canvas]