小编MAh*_*san的帖子

入门 - 如何使用带有angular-cli的Google maps api

我最近开始使用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库的打字稿有一个我可以参考的文档站点吗?

google-maps typescript angular-cli angular

10
推荐指数
1
解决办法
1万
查看次数

标签 统计

angular ×1

angular-cli ×1

google-maps ×1

typescript ×1