问题标签 [angular-google-maps]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
627 浏览

javascript - 如何模拟用户点击包含特定标记的谷歌地图集群

我有一个应用程序,用户在其中搜索某个地址周围的房产列表,结果呈现为

  1. 地图上的标记,一些将被聚集
  2. 包含列表格式搜索结果的 div..

div 中的每个单独列表与标记之间没有 1:1 的关系。b/c 一些标记包含在一个集群中。

我试图实现的用例是用户点击 div 上的列表,然后会自动

  • 将地图平移到列表
  • 显示列表的信息框。

这适用于已经存在的标记。但是对于隐藏在集群后面的标记..这不起作用。

我尝试为地图缩放时设置一个事件侦听器,如下所示:

但这不起作用..这也可能是由于缩放级别不足以分解集群..但在这种情况下,我如何确定该级别是多少?我基本上想要做的是模拟用户单击他们感兴趣的列表所属的集群,这将导致集群破裂、地图放大和标记出现。

0 投票
2 回答
94 浏览

angularjs - 无法使选项属性与 angular-google-maps 一起使用以隐藏城市名称

我刚开始使用 Angular.js(顺便说一句,这太棒了),需要将谷歌地图集成到我的项目中。

我发现了AngularJS 的谷歌地图,但我正在努力解决一些问题。

我正在尝试使用 options 属性从我的地图中隐藏城市的名称,但无法使其正常工作。

任何帮助将不胜感激。

我知道样式数组必须是

因为我是从Styled Maps Wizard那里得到的。

所以我做的是这个

视图.html

控制器.js

我试过用引号,没有引号和深奥的东西的组合,但我从来没有成功过。

我尝试使用allenhwkim 的 angularjs-google-maps但我也没有成功。

谢谢你的帮助!

0 投票
0 回答
181 浏览

google-maps - 标记不会完全显示在谷歌地图上

标记似乎没有完全显示在某些缩放级别。如果我向标记添加动画,它们都显示正常。

无动画:
在此处输入图像描述
有动画: 在此处输入图像描述

标记:

我的标记选项

我尝试了什么:
- 禁用引导程序
- 更改标记选项
- 将 z-index 添加到标记选项
- 刷新地图

使用的相关技术
- bootstrap 3
- angular / angular-google-maps

0 投票
1 回答
503 浏览

angularjs - 在显示下一个之前无法隐藏上一个窗口

我正在使用这个项目(http://angular-google-maps.org/#!/)来使用 AngularJS。

在文档https://nlaplante.github.io/angular-google-maps/#!/api中说我需要使用窗口指令来显示信息。

我在标记内使用 window 指令。

当我点击标记时,它下面的窗口就会显示出来。

如果我单击第二个标记,则前一个窗口不会隐藏。

show 属性似乎没有与 isIconVisibleOnClick 结合,所以我找不到在显示新窗口时如何隐藏所有其他窗口。

这是我使用的代码:

} ]);

html

我感谢您的支持 :)

0 投票
1 回答
288 浏览

angularjs - 防止在 angular-google-maps 中删除窗口

我有一个窗口,我在标记单击时在地图上移动(1000 个标记)。一切正常,直到我按下“x”关闭窗口,这似乎从 dom 中删除了信息窗口,而不是仅仅隐藏它。我看到有一个 closeClick 参数,但我不确定这是做什么的,并且似乎无法将它连接到函数以覆盖删除。

这是标记:

这是窗口和“x”按钮的示例:

如何防止窗口被删除而只是隐藏它?

还是有更好的方法我应该这样做?

0 投票
0 回答
227 浏览

angularjs - 从 JavaScript 激活过滤器 - AngularJS

我刚开始在一个项目中使用 Angular。

我正在使用“angular-google-maps”在页面上获取谷歌地图,在这张地图上我有标记。我已经成功地捕捉到了标记上的点击事件。但是,当单击标记时,我需要更新过滤后的 ul。过滤器由表单控制。

起初我尝试使用 JS 更改表单中输入字段的值,希望 Angular 能够通过 onchange 事件进行检测。它没有。所以我做了一些谷歌搜索,发现我需要更改范围内的模型。所以我就这么做了。$scope.search.$ = marker.name;

它现在可以工作,但只有您首先手动在字段中输入内容之后。我需要这个“单击标记以更新过滤器”功能在页面加载后直接工作。$scope.search.$ = marker.name;在输入字段之前尝试更改时,我从控制台收到此错误:Uncaught TypeError: Cannot set property '$' of undefined 有没有人知道如何解决这个问题?

提前致谢!

编辑:

通过放置解决了它

在我的控制器里面。似乎只有在编辑表单时,模型才被 Angular 置于范围内,此时模型仅在此处使用<input ng-model="search.$" id="search-field" type="text" name="search-filter" placeholder="Sök i fritext" autofocus>...

0 投票
1 回答
80 浏览

angularjs - 在我的模块中包含谷歌地图会引发错误

我正在尝试将 google-maps 添加到我的模块中,但我遇到了这个问题 - 错误:[$injector:unpr] 最后是这样的 -

我按照这个顺序放置文件 - https://angular-ui.github.io/angular-google-maps/#!/use但我遇到了问题。有人可以对此作出回应。

0 投票
1 回答
1456 浏览

angularjs - 无法使用 angular-google-maps 中的标记标签打开标记窗口

目标 在地图上显示一堆随机标记。单击其中一个时打开一个信息窗口。我使用了 API 页面中的一个示例(标记),并添加了窗口的标记和单击处理程序方法来显示窗口。但是我无法让它工作

问题 显示标记,但单击时不显示任何窗口。

除了 我在使用标签和 ng-repeat 时有这个工作;但文档说标签是首选方法。

有任何想法吗?

此处示例:https ://angular-ui.github.io/angular-google-maps/#!/api

戳这里: http ://plnkr.co/edit/ze7EKMQNV7MLGkmlhiAC

已解决 这已使用 nitewulf50 链接的 plunk 解决。

一些注意事项:

看来 Window 标签只能有一个孩子。所以我需要将所有内容包含在一个 div 中。

0 投票
1 回答
3183 浏览

angularjs - 带有 templateParameter 属性的 Angular 谷歌地图窗口指令

我正在使用Angular-google-map库来显示带有这样窗口的标记:

所以在窗口指令中我提供了templateUrl,并且标记成功显示了信息窗口,但问题是我在templateParameter中提供的参数似乎无法在模板视图中访问。这是我的 infoWindow 模板视图以及我如何尝试从 window 指令访问传递的参数:

0 投票
1 回答
844 浏览

angularjs - Make angular pan google map to postition

I'm using the angular google map api (http://goo.gl/dtD7hk). I would like to make the map pan to the a position.

In my controller I have the following function:

But this doesn't work. How can I make google map pan? Would be really nice, if some way of animation was included. Zoom Out - pan - and zoom in to setting ($scope.map.zoom).

Thx!