我最近开始使用ng2.所以我使用angular-cli创建了一个项目,然后我意识到我需要一些第三方模块.比如谷歌地图api,lodash,jquery等等.我知道Typescript的基础知识,但是我如何在Angular2应用程序中使用这些模块?此外,我想只使用图书馆,例如谷歌地图api,而不是其他任何人在谷歌地图api上制作的现有ng2模块/组件 - 为了学习.
以前,只有JS我会包含js文件并引用api文档来了解引用和构建我的应用程序的方法.现在使用Angular2,我应该采取哪些步骤来做同样的事情?
从我的研究看起来我首先安装所需的类型脚本文件.所以对于谷歌地图我做了npm install --save @types/google-maps.现在,我是否需要将此模块导入到我的角度应用程序中,方法是将其包含在app.module.ts中?在进口数组?或者它现在全球可用?
一个消息来源提到用npm和我的angular-cli.json安装它,包括脚本数组中对该库的引用.像这样:
"scripts": ['./node_modules/googlemaps/googemaps.min.js'],
Run Code Online (Sandbox Code Playgroud)
在安装google maps api时使用哪种方法?我认为Typescript可能是要走的路,因为Angular应用程序的其余部分将用Typescript编写.
现在在我的app.component.ts中,我想使用我安装的打字稿创建一个简单的地图.我该怎么办?谷歌地图api说要像这样创建一个新的地图实例.
var map = new google.maps.Map(document.getElementById('map'), {
center: {lat: -34.397, lng: 150.644},
scrollwheel: false,
zoom: 8
});
Run Code Online (Sandbox Code Playgroud)
我刚刚安装的Googlemaps打字稿版本怎么做?
Googlemaps的打字稿版本是否具有与原始API相同的方法?流行的JS库的打字稿有一个我可以参考的文档站点吗?