问题标签 [angularjs-google-maps]

当谈到 AngularJS 和谷歌的地图 API 时，我是一个新手，我一直试图在点击时获得坐标。我正在使用这个 API。

我收到一个错误：未捕获的类型错误：无法读取“console.log(lat);”上未定义的属性“lat”；排

这是我的角度控制器：

这是我的 html 的一部分，代码包含在控制器中，所以不用担心：

总之：

我想知道是否可以将标记聚类器包与angularjs-google-maps包结合起来，以及是否有任何解决问题的方法。

细节：

我正在更换angular-google-maps包装，因为它不再维护。推荐的替代方法是angularjs-google-maps我在以下代码中使用的方法：

HTML：

Angularjs：

问题是每当我更改页面并重新加载地图页面时，标记都会重复。这是所有者在本期angularjs-google-maps软件包中指出的问题：

https://github.com/allenhwkim/angularjs-google-maps/issues/575

我按照他的指示使用该指令，并通过删除该方法marker来阻止重复出现在地图上。new google.maps.Marker这是代码：

HTML：

Angularjs：

这是标记聚类库：

https://googlemaps.github.io/js-marker-clusterer/docs/examples.html（我不能发布超过 2 个链接，因为我的声望点少于 10！）

此实例中的问题是标记聚类器需要new google.maps.Marker在标记对象上调用此方法才能工作。看来我不能将angularjs-google-maps包与包一起使用marker-clusterer。有没有人遇到过这个问题，有没有人有解决方案？

我尝试过的其他解决方案：

1. 在工厂函数中创建变量以维护标记对象，并在页面更改并再次重新加载时使用 marker.setMap(null) 方法删除重复项。

2. null在状态转换（更改页面）之前，我还在标记实例中使用了以下代码：

   /li>

根据此处列出的说明：

https://github.com/angular-ui/ui-router/issues/1158

如果有人对此问题有解决方案，将不胜感激。谢谢。

我很困惑，因为 AngularJs 和 HTML 代码几乎与可以运行的项目完全相同，但这也是我第一次使用 LAMP 而不是 MEAN/MERN，所以也许与此有关？

我的 HTML 文件是：

map-controller.js 是：

关于服务器、变量名称之间的唯一区别，以及 Google 让我为此使用 API 密钥，而另一个不需要它。他们都使用相同的 API 来获取数据。

另外，如果我尝试添加指令，地图就会消失。

我使用 angularjs-google-maps 并在我的应用程序中使用了这个示例。如果我在 vm.shops 的控制器中更改：

至：

所以id号没有''信息窗口出现在同一位置的所有标记，并且该位置不在每个标记上方。先谢谢了。

我正在使用 NgMap 库在我的 Angular 应用程序中使用 google maps api。

我正在使用 ng-repeat 指令添加标记，每个指令都有一个单击标记，可调用控制器并记录到控制台。

出于某种原因，每次我将参数传递给我的控制器函数时，实际上传递的是标记对象，而不是我从视图传递的参数。

最终，在我的头撞到墙上之后，我决定检查是否有任何其他参数被传递给控制器​​函数。瞧，第二个论点是我一开始就希望通过的论点。

为什么第一个论点不是我所期待的？！它与 ngMap 库、角度有关，还是与我不知道的 JavaScript 细微差别有关？

可以在这里找到一个工作的 plunker：https ://embed.plnkr.co/TQpm4O/