问题标签 [angular-google-maps]

我有以下 HTML 代码：

这是来自控制器的相关代码（我认为）：

这一切都适用于以下设备：Windows 桌面、Macbook Air、Windows 手机和 Android 手机。问题出在 iPad 和 iPhone 上的 Safari 浏览器上（iPad 和 iPhone 上的 Chrome 浏览器有效！）。首次访问地图时，仅显示地图，没有当前位置标记或啤酒厂标记。如果您在浏览器中返回然后再次前进，则可以显示当前位置标记，但仍然没有啤酒厂标记！

我已经花了几天的时间试图解决它，但我无法弄清楚。我运行的是 Windows 7 设置，所以我无法使用 Web Inspector 连接到 safari 浏览器，而且我试过 weinre 无济于事。

您可以在实时站点上亲自查看：ontappapp.azurewebsites.net 并转到菜单中的“附近”或“发现附近的啤酒厂”。谢谢！

我对 AngularJS 相当陌生，目前正在使用来自 http://angular-ui.github.io/angular-google-maps/的谷歌地图

我已经浏览了文档，但我想要做的就是在集群中显示数字标记。

以及集群的 OnClick，应显示弹出工具文本。该 api 没有广泛涵盖这一点。我想要实现的例子是here

http://104.131.42.57/frontend/index.html

以下是我当前的代码：

HTML 指令

地图控制器，遵循 api 文档。

所以我使用来自 http://angular-ui.github.io/angular-google-maps/#!/api的 angular-google-maps 指令 ，我无法在我的地图实例上看到我的标记。我已经尝试了几乎所有事情，并且迫切需要建议。我尝试将 $scope.markers 移动到我的 $scope.map 对象，尝试将其移动到我的 $watch 函数中，然后将值直接添加到 html 中，但没有成功。我认为这与我必须添加的 $scope.control.refresh() 函数有关，以便地图在选项卡中完全加载（我正在使用角度引导选项卡）。

谢谢你的帮助！

HTML

JAVASCRIPT

使用angular-google-maps将谷歌地图合并到应用程序中

我需要一个在初始地图加载完成后将运行一次函数的命令
- 但仅在初始加载时，而不是在每次地图操作之后

我不能使用idle，或者tilesloaded因为这些在每次动作后都会被解雇......

我要运行的功能需要获取地图边界以在初始页面加载时从服务器中提取数据 - 我希望这在初始加载时发生一次，然后是使用刷新的手动功能map-control
- 如果我使用idle或tilesloaded触发它，它将每次用户移动地图时拉取服务器数据。

有谁知道如何在初始地图加载后触发一次性命令以获取地图详细信息（边界等）？

我试过maps.getBounds()加入第二个承诺功能，但它不起作用。

请注意，我在这里有一个小提琴- 在定义控件/选项等之后，我不能再链接任何承诺，$scope.map因为它们不返回承诺：

文档中的代码示例没有显示如何在定义 后链接承诺。$scope.map

html

控制器

显然， promisemaps返回的对象与诸如 etc 之类的事件返回uiGmapGoogleMapApi的对象完全不同……相当混乱。 mapstilesloaded

此外，FAQ仅指示如何使用tilesloaded来获取地图实例 - 由于已经描述的原因，这不起作用。

尝试使用angular-google-maps获取应用程序： - 通过指令的
多个标记 - 通过markers指令
的单个信息窗口window

我已经通过 API 和 git-hub 网站上的多个已关闭问题/问题，但无法使其正常工作...... :-/

jsfiddle

为简单起见，我手动声明标记（并且它们显示正确）：

html 看起来像：

我正在使用此代码将该onClick函数应用于markers数组

功能marker click看起来像

该$scope.onClick()功能似乎正在marker点击，因为控制台输出预期的内容 - 并且值在和...$scope.windowOptions.show之间切换truefalse

我在想这是我将windowhtml 连接到控制器数组和函数的方式吗？任何帮助表示赞赏。

PS API 文档示例似乎已过时，因为它们没有show在示例中使用，而是options.visible显示和隐藏 infowindows - 但是所有问题/示例都建议show改用？

对于ui-gmap-google-map，似乎属性有时会center与属性冲突，但是如果我同时设置两者，它的文档并没有说明哪个具有更高的优先级..bounds

考虑以下情况，我想将谷歌地图的显示区域更改 3 次：

第一次更改center，第二次更改bounds，第三次更改center再次更改.. 有没有人知道如何做到这一点？

谢谢！

我有以下代码，但问题是，如果移动地图，指向地址的大头针不固定，大头针保持在相同的位置，而不是停留在它被固定的位置。

控制器

看法

通常，这个问题是关于如何在 AngularJS 的 module.config 函数中使用来自后端的一些动态内容。

具体来说，这个问题是关于angular-google-maps中的 GoogleMapApi 提供程序

在我的 Angular 应用程序中，Google Maps API 密钥存储在 Firebase 后端。我想做的是为 GoogleMapApiProvider 设置 API 密钥

我知道我在 Angular 模块配置函数中只有 Providers 和 Constants 可用。所以我很难想出一种方法来使用$firebaseProvider从我的 Firebase 后端获取必要的 API 密钥。 非常感谢任何帮助或指导！谢谢！

我正在使用 angular-google-maps 库，但是当我向模型动态添加新标记时，我似乎无法更新地图。模型中的硬编码标记正确显示。

HTML

JS

以上工作正常但是当我这样做时：

模型已更新，但地图未更新。我曾尝试使用 $scope.$apply() 但由于摘要周期已经在进行中，因此出现错误。

我正在通过 angularJS 使用谷歌地图（使用angular-google-map）

我有一个带有 InfoWindow 的标记，除了在 iOS 上工作正常。当我旋转设备时，谷歌地图 API 似乎无法很好地计算尺寸，并且 infoWindow 对于它的内容来说太小了。我认为这与此错误相同

所以我一直在尝试访问 InfoWindow 对象以关闭它并再次打开它以强制谷歌重绘/重新计算但找不到访问它的方法。我可以通过在角度中使用 $scope.map.control.getGMap()来访问 google.maps.Map 对象，但无法访问 InfoWindow。我可以在 Window.prototype 中看到一个 getGWindows，但不知道如何从地图中访问它。我也可以访问标记，但它们没有对他们的信息窗口的引用。

这是我创建标记的方式，以防它有任何帮助：