如何在Ionic 2上使用非本地mapbox插件？

Question

我正在嘗試使用一個名為Mapbox的非本地Ionic 2插件。 參考站點是Telerik Mapbox ，我執行以下步驟：

1. 我通過cordova插件安裝它添加...
2. 在我要呈現本機貼圖的頁面上，我在頂部聲明了var cordova：any;

3. 最后調出顯示地圖的方法

    if (typeof cordova !== 'undefined') { cordova.plugins.Mapbox.show( {...}) }else{ console.log("cordova is undefined"); } 

返回的錯誤是：

無法讀取未定義的屬性“ show”

離子-> 3.5.2

科爾多瓦-> 7.0.1

為什么不認識他的方法？

編輯

我可以通過下載存儲庫並添加ionic cordova plugin add /path/to/my/plugin/my.plugin.folder.here/束ionic cordova plugin add /path/to/my/plugin/my.plugin.folder.here/來安裝mapbox插件。

現在問題總是與上述相同。 相反，如果我全局聲明Mapbox，則declare var Mapbox: any; 然后叫它

if (typeof cordova !== 'undefined') {
  Mapbox.show(
    {...})
}else{
console.log("cordova is undefined");
}

該應用程序崩潰了。

Answer 1

使用window.plugins.PLUGIN_NAMe訪問非本機/ corodva插件。

import { Platform } from 'ionic-angular';

@Component({...})
export MyPage {
  constructor(public plt: Platform) {
    if (this.plt.is('cordova')) { 
        window.plugins.Mapbox.show(
        {...})
    }
  }
}