问题标签 [angular2-google-maps]

我已经设置了angular2-google-mapangular2 应用程序。

这是 app.module.ts

我用命令安装了 angular2-google-maps，

已成功安装。当我使用 npm start 运行应用程序时，它显示一条错误消息，

http://localhost:3000/angular2-google-maps/core加载资源失败：服务器响应状态为 404（未找到）

但我可以在 node_modules 中看到angular2-google-maps文件夹。问题是什么？

看到我可以在我的 Compnent 类中为sebastianm angular 2 谷歌地图加载谷歌地图 API，如：

我想使用谷歌地图事件，例如在我的组件类中，我有一个由点击事件触发的成员函数，在这个函数中我想监听空闲事件，例如：

我是使用谷歌地图 API 的新手，我正在努力获取addListener/addDomListener等函数所需的地图对象，我如何获得所需的地图对象，这是addListener/addDomListener中所述的第一个参数谷歌地图API。提前致谢

编辑：我发现了问题。我正在使用 ng2-boostrap tabset 模块，在此视图中添加地图时，地图不会呈现。虽然我无法解决这个问题。

我正在开发一个 Angular 2 应用程序，我需要将谷歌地图模块导入到子模块中。我的问题是 - 我怎样才能正确地做到这一点？这是否可能。

我试过的：

我已经添加了import { AgmCoreModule } from 'angular2-google-maps/core';，AgmCoreModule.forRoot({ apiKey: 'xxx', libraries: ['places'] })其中 xxx 是我从谷歌 api 网站下载的 apiKey。如果我在新创建的 angular-cli 应用程序中运行此代码 - 将模块加载到 app.module 中，一切正常。选择器代码看起来：

但是，我想在一个名为 MapModule 的模块中使用它并将该模块导入到我的 app.module 中，所以我将 AgmCoreModule 导入到 MapModule 中，没有 forRoot()，并且选择器在 html 中被识别并且地图被加载但是该地图显示一个空视图 - 即有一个带有谷歌徽标和东西的地图，但没有内容 - 没有错误消息。我使用与我的测试示例完全相同的代码。

我还尝试使用 forRoot({apiKey: 'xxx'}) 添加 AgmCoreModule，结果相同。我从 App.module 中删除了导入，只导入到 MapModule 中，结果相同。

我在这里错过了什么吗？如果需要，我可以提供更多代码，但我认为我的问题在于缺乏进口知识。

亲切的问候克里斯

我已经挣扎了几个小时，试图在我的Angular PlaceResult 2 项目中使用Angular-cli.

我必须googlemaps使用@types 安装并将其添加"types"到我的tsconfig.json配置文件的属性下。

google.maps.places.PlaceResult我只需导入它就可以成功地在我的 Angular 2 组件中使用它！

几个小时后，我不得不使用，它与和google.maps.Marker位于同一个定义文件中。所以我只是将它导入如下：PlaceResultGeocoderRequest

但是我在运行时遇到了一个意外错误说

请注意，webpack 在我的组件的第 14 行抛出了这个错误。这意味着（如果我错了，请纠正我）前面的行（使用相同的“google”）运行良好。

我错过了什么吗？

我用 ：

• 角度：2.4
• Angular-CLI：1.0.0-beta.24
• 打字稿：2.0.10
• angular2-谷歌地图：0.17.0

我想从我的 angular2 应用程序中的地点 id 检索谷歌地点照片。我从 Autocomplete 方法中获取 placeId 。

我正在使用 angular2-google-map 库。

}

通过使用 place_id 或纬度和经度，我想获取该地点的前 10 张照片。我被 angular2-google-map 困在这里。

你们能帮帮我吗。谢谢。

我正在寻找一种方法来使用常规谷歌地图中可用的 zoomControlOptions 属性，如下所示：

Stackoverflow 示例显示上面的代码
官方谷歌地图文档中的相同内容

不幸的是，我在 Angular 2 Google Maps API Docs中没有看到这个选项。有没有办法做到这一点？尽管使用了 Angular 2 包装器，有没有办法使用全部功能？

请注意，仅运行此代码就可以正常工作：

我能够获取本机谷歌地图对象并在其上运行方法/设置属性。当我尝试使用zoomControlOptions直接来自文档的

编辑：所以，它确实有效，现在的问题是绕过 Typescript 编译器的抱怨。

编辑 2：我解决了这个问题，但如果有人想要赏金 - 请随时解释为什么原生zoomControlOptions不可用。

我正在使用angular2-google-maps最新版本的 Angular2。我正在尝试将一些本地地图组件功能转换为他们自己文件中的服务maps.service.ts。例如：

map.component.ts

变成这样的东西：maps.service.ts

我遇到的问题是，google当我尝试使用Observer<google.maps.GeocoderResult[]>. 我也在declare var google: any;服务类之外。

该google变量在 my中有效，map.componenet.ts但在maps.service.ts.

首先，我得到了原生的谷歌地图元素，因为据我所知，Angular 2 API 没有公开它。这看起来像下面的代码并且工作正常：

所有这一切都很好，我可以在本机地图元素上设置选项，例如，下面的代码有效：

但是，当我尝试设置MapOptions并通过ZoomControlOptions移动缩放控件时，我得到了一堆错误。我尝试的是这样的：

这抛出：

TypeError：google.maps.zoomControlOptions 不是构造函数

如果我尝试这样做：

它抛出：

'{ zoom: number; 类型的参数 中心：任何；缩放控制选项：{ 风格：任何；职位：任何；}; }' 不可分配给“MapOptions”类型的参数。对象字面量只能指定已知属性，并且“MapOptions”类型中不存在“zoomControlOptions”

在这一点上我很迷茫，因为我看到在文档中MapOptions需要一个zoomControlOptionsarg ......

我正在使用https://angular-maps.com/docs/api/latest/ts/core/index/SebmGoogleMapPolygon-directive.html，用于谷歌地图，

如何从单击中获取多边形对象

我正在使用 Angular 2 谷歌地图https://angular-maps.com/docs/api/latest/ts/core/index/SebmGoogleMap-directive.html

如何在多边形单击时更改多边形的颜色