问题标签 [angular-google-maps]

我还没有找到带有角度谷歌地图的教程，该教程显示了如何重新加载地图数据或使用新数据重新居中地图。

我的控制器：

html:

所以问题是，如果我更改 vm.center 值或想要在地图已经加载了该数据之后添加/删除/更改 vm.territories，我该如何在事后重新加载它？我希望我可以将数据绑定到 ui 并即时更改它，但不确定这是否可能。

当我在谷歌地图信息窗口内的 html 中使用 md 按钮时，Chrome 控制台会引发此错误。

我正在使用 angular-google-maps http://angular-ui.github.io/angular-google-maps/#!/库来使用带有角度的谷歌地图。在这个 plunker 中，您可以重现错误http://embed.plnkr.co/fWlFjuyuldZj6uITvWH7/preview
您知道如何解决这个问题吗？当我使用原生 html 按钮时效果很好，但我需要使用角度材料。

谢谢。

给定下面的最小示例，两张地图最终位于不同的位置；出于某种原因，尽管坐标是瑞典斯德哥尔摩，但后者最终还是在法国。

我该如何解决这个奇怪的问题？

要重现，只需将以下内容复制到 html 文件中并在浏览器中运行它（jsFiddle 和 Plunkr 都不想显示地图......）：

我正在使用 angular-google-maps 指令。我正在使用 ui-boostrap 模式来显示地图。我在名为 mapSelectLocation.html 的文件中定义了我的模态内容。这是我打开模式的方式：

地图选择位置.html：

地图选择位置控制器：

这将显示弹出窗口并适当地渲染地图。但是，当我关闭模式并重新打开它时，地图无法正确呈现。大部分地图区域呈灰色显示，左上角只有一小部分地图可见。

但是，如果我将 mapSelectLocation.html 的内容从文件本身移动到同一页面上的角度模板脚本中，它会很好地打开并重新打开，每次都正确呈现：

当然也要更新 templateUrl：

有人可以告诉我为什么将我的模态内容放在单独的文件中不起作用吗？我宁愿将它分开，也不愿使用角度脚本模板。

我正在使用 angularjs-google-map http://angular-ui.github.io/angular-google-maps/#!/api

我可以通过单击标记添加多个显示 infoWindow 的标记，但现在我需要在鼠标进入标记图标区域时显示标记 infoWindow，并在鼠标离开标记图标区域时隐藏它而不是使用点击事件。

您可以在 Jsfiddle https://jsfiddle.net/meher12/bgb36q7b/上查看此示例以了解我的目的！

我的 HTML 代码：

我的 JS 代码：

Like you see on my JS code I have created markerEvents and I can get the marker label changed on mouse events but still not showing the infoWindow attached to each marker on the map when the mouse Event is fired, despite its value is changing and take the correct value.

Someone Have an idea to resolve this issue ? Feel free to put your changes to my Jsfiddle code :)

我的问题有点简单，但我找不到解决方法。

我将 AngularJS 与 Angular 谷歌地图一起使用（https://github.com/angular-ui/angular-google-maps）

我有一个简单的地图，只有一个多边形和一个 KML 图层，它在多边形内显示一个标记。

但我不知道为什么，我无法点击标记。我在地图上放置了两个不同的 KML 图层，因此您可以看到多边形外部的图层是可点击的，而内部的第二个图层不可点击。

你可以看到下面的代码：

我尝试了很多选择，但没有结果。我在这里发现了一个同样问题的老问题，但答案并没有解决它。（如果在多边形内，则无法从 KML 单击点）

任何帮助都会很棒！谢谢 ！

编辑 ：

我也试过不使用 Angular，所以问题直接来自谷歌地图。您可以单击多边形外部的总线，但不能单击多边形内部。

您可以在此处测试代码（代码段无法正常工作）： http: //nanakii.fr/dev/test/gmap.php

是否可以嵌套ui-gmap-markers指令（复数版本ui-gmap-marker）？

例如，我有以下数据结构：

我想显示与每个州相关的城市，所以我想拥有：

如果可以，那么嵌套指令中的“模型”属性将使用什么？

我已经能够使用ng-repeatwith来做到这一点ui-gmap-marker。但是，我遇到了一些性能问题，所以我想使用该指令的复数版本。

使用 ng-repeat 的版本的JSFiddleui-gmap-marker与指令的单数版本 ( )

JSFiddle的版本使用指令的复数版本 (ui-gmap-markers)。ui-gmap-markers注意我想用于城市的嵌套我只是不知道如何从父级访问模型。

我做了一个精简的小提琴，你必须与地图互动才能看到问题：

JSFiddle 链接

你会注意到，或者至少我希望你会注意到，如果你快速拖动，地图似乎会瞬间完全变灰。它不会每次都发生，因此您可能需要快速拖动几次才能看到这一点。此外，它似乎在较低的缩放级别更频繁地发生。

这是在缓存切片之后，因此不是谷歌地图获取导致这种情况的切片。此外，我已经在标准的谷歌地图示例中测试了该行为，它不会导致这种闪烁。我认为这可能与$scope.$apply()从指令中调用并强制重绘有关，因为我注意到有时闪烁发生在 google 加载图块时，即这两个事件彼此独立发生。

虽然我最后的手段是深入研究指令，但从用户体验的角度来看，这似乎是一个非常基本的问题，我怀疑你们中的一些人一定遇到过这个问题。也许最重要的是， http://angular-ui.github.io/angular-google-maps/#! /demo 上的示例并没有遇到这个问题，尽管他们设置了最小缩放级别，所以我想知道是否对于我所描述的问题，这只是一个廉价的解决方案。

感谢您提供的任何帮助，我整天都在将我的应用程序拆开，试图查明发生了什么，任何建议都将不胜感激。

在使用 Angular 谷歌地图进行开发时，我遇到了一些非常糟糕的用户体验问题，我正在寻找有关最佳方式的建议。

相关模板：

Plunkr：http ://plnkr.co/edit/mZvN6wCT9LCl1DWGojZD?p=preview

两个问题，都与集群有关：

首先，在任何类型的地图事件中，最烦人的拖动，集群在重新绘制时会闪烁，即使集群没有改变位置。

其次，当集群从地图的可见部分脱落时，它们会消失，这可能对性能有好处，但如果您以高缩放级别处理地图，则更多的是 UI 痛苦，其中事物进出地图随时查看。

这些问题在 markercluster 演示页面上并不明显：http: //gmaps-utility-library-dev.googlecode.com/svn/tags/markerclusterer/1.0/examples/advanced_example.html

你是如何解决这些问题的？我已经查看了角度谷歌地图和markerclustererplus的API，但无济于事。

我假设聚类器只会找出哪些点属于一起，然后制作一个象征该集合的标记。然而，集群的行为似乎与标记（例如上述问题）如此不同，以至于情况并非如此。

我有 ngRoute 在我的应用程序中完美运行。然而，使用http://angular-ui.github.io/angular-google-maps/#!/的主页在页面加载时工作正常，但是导航到不同的页面并返回它会破坏所有数据绑定。虽然console.log()证明控制器中的值正在发生变化，但视图无法更新以反映新值，就好像摘要周期不再触发一样。我尝试明确调用$scope.appy()，$scope.diget()但都没有奏效。控制台中没有可见的 js 错误。