Javascript 在爱奥尼亚3+;

Javascript 在爱奥尼亚3+;,javascript,typescript,ionic-framework,import,external,Javascript,Typescript,Ionic Framework,Import,External,我将Mapwize SDK(一个外部Javascript库)与最新版本的Ionic一起使用。正如其他人所指出的,让Javascript与Typescript很好地协同工作存在一些问题。我对前端开发非常陌生——我在这里看到了其他的答案和问题,但它们没有详细解释。我真的想要一个关于如何让Mapwize使用Ionic的非常详细的解释。我能够从.ts文件中的测试Javascript文件进行函数调用,但我需要的是以使用HTML文档中的标记的方式使用JS库。人们说要在.ts文件中执行我的所有逻辑,但没有解释

我将Mapwize SDK(一个外部Javascript库)与最新版本的Ionic一起使用。正如其他人所指出的,让Javascript与Typescript很好地协同工作存在一些问题。我对前端开发非常陌生——我在这里看到了其他的答案和问题,但它们没有详细解释。我真的想要一个关于如何让Mapwize使用Ionic的非常详细的解释。我能够从.ts文件中的测试Javascript文件进行函数调用,但我需要的是以使用HTML文档中的标记的方式使用JS库。人们说要在.ts文件中执行我的所有逻辑,但没有解释如何执行。Mapwize SDK是IIFE格式的,因此是自调用的。我无法访问.js文件中的任何函数:

如果有人知道如何使这个集成工作,请帮我一个忙,并帮助我

使用: 原子IDE 离子4
Angular和Typescript

我假设Ionic 4是一个角度应用程序,因此:

  • 安装Mapwize
    npm i Mapwize-s
  • 在全局脚本导入中导入mapwize(在angular.json中,在脚本列表中添加
    node\u modules/mapwize/mapwize.js
  • 在要使用的组件外部声明Mapwize
    Declare var Mapwize:any;
  • 只需使用它
    const map=Mapwize.map(…)
我希望这对你有帮助