Ошибка времени выполнения Невозможно прочитать свойство 'environment' из null - PullRequest
Новая
       24

Ошибка времени выполнения Невозможно прочитать свойство 'environment' из null

0 голосов
/ 05 октября 2018

Я настраиваю свое приложение Ionic и точно следовал документации API Карт Google.Однако мне не удалось избежать этой ошибки, которую я получаю, когда пытаюсь запустить API Карт:

enter image description here

И это моя полнаякод с домашней страницы.Я добавил в файл home.html div с id="map_canvas", а также установил для него высоту 100% в файле scss.Из того, что я видел, ошибка, похоже, не похожа на часть Environment, но я убедился, что мой ключ API правильный, и я выполнил соответствующие команды cordova, чтобы настроить плагин google maps. Я просто не вижу, чтоможет быть причиной этой ошибки. 

import {
  GoogleMaps,
  GoogleMap,
  GoogleMapsEvent,
  GoogleMapOptions,
  Marker,
  Environment
} from '@ionic-native/google-maps';
import { Component } from "@angular/core/";

@Component({
  selector: 'page-home',
  templateUrl: 'home.html'
})
export class HomePage {
  map: GoogleMap;
  constructor() { }

  ionViewDidLoad() {
    this.loadMap();
  }

  loadMap() {

    // This code is necessary for browser
    Environment.setEnv({
      'API_KEY_FOR_BROWSER_RELEASE': 'I_ENTERED_MY_UNRESTRICTED_API_KEY_HERE',
      'API_KEY_FOR_BROWSER_DEBUG': ''
    });

    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('clicked');
    });
  }
}

1 Ответ

0 голосов
/ 06 октября 2018

Вам нужно собрать его для любой платформы, которую вы хотите использовать (например, браузер, Android, IOS), используя

ionic cordova build -l

и тогда это создаст для него среду, и, таким образом, он будет работать.Он не просто работает с использованием ионной подачи

...