问题标签 [ng-map]

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 回答
70 浏览

javascript - 将动态矩形限制为一个

在下面的plunker中,我可以通过选择多边形工具添加这么多多边形。但我需要将其限制为只有一个。添加一个多边形后,它应该禁用,否则用户应该无法在地图上放置另一个多边形。我用过 ngMap https://ngmap.github.io/

几乎相同的副本将动态标记限制为一个。但我无法为矩形做。

0 投票
1 回答
1621 浏览

javascript - 在加载了 ngmap 的地图上显示信息窗口

我正在使用 ng-map 和打字稿。这是我的模板:

加载地图时,信息窗口显示在地图的左上角,但单击标记时它可以正常工作。

我希望在显示地图时信息窗口在正确的位置(在标记上)打开。

0 投票
1 回答
2404 浏览

javascript - 拖动后如何获取 ng-map 标记位置?

我正在为 Angularjs 使用 ng-map,我正在使用以下代码在拖动事件后获取标记位置

但它不起作用。有什么建议么?

0 投票
1 回答
3101 浏览

angularjs - 如何在 NgMap 加载的标记上自动打开 Infowindow?

如何在 NgMap 加载时自动打开标记上的信息窗口?

这是我的代码:

有什么onload要使用的事件吗?

0 投票
1 回答
963 浏览

angularjs - 如何在没有标记的角度谷歌地图中添加信息窗口?

我正在尝试使用谷歌地图的角度插件。

https://ngmap.github.io/

谁能帮我添加信息窗口,没有标记?

提前致谢

0 投票
1 回答
1503 浏览

javascript - AngularJS配合ng-map实现动态热图可视化

大家好,我是前端开发的绝对新手,这是我第一次使用 AngularJS 之类的东西,tbh 我认为这真的很困难,而且我对它的工作原理并不是很清楚。我正在做一个项目,旨在可视化谷歌地图上的一批坐标。我已经在服务器端构建了相应的 API,它工作正常。

我在我的项目中使用 ng-map,下面是我的 main.html 代码的第一个版本:

上面的 dummyData 是一个外部 JS 文件中的硬编码数组,我最初认为这没有必要,但后来当我尝试从地图中获取 heatmapLayer 时,我发现这非常重要。如果没有这个属性,我无法在我的控制器中获得 heatmapLayer。这有点奇怪,但我只是不知道为什么会这样。

下面是我的 main.controller.js:

我在上面尝试做的是做一个 HTTP 请求来获取纬度和经度。由于它是“Promise”的格式,我必须将它们提取出来并放入一个数组中。对我来说,一切看起来都不错,但它根本不起作用。该界面仅显示“硬编码”可视化,但不显示新的 heatMapLayer。

任何人都可以建议解决我上面提到的问题的方向/解决方案吗?感谢大家和 StackOverflow。

更新根据丹尼尔的建议,我对我的代码进行了以下修改。

在 main.controller.js 我更改了代码段:

至:

再次感谢丹尼尔!

0 投票
1 回答
326 浏览

javascript - 在 ng-map 指令中出现异常后,Angular ng-click 不起作用

我在模式中使用 ng-map ( http://ngmap.github.io/ ) 在我的应用程序中提供 googlemap,但是在该指令出现异常后,页脚中的关闭按钮将不起作用。当我将关闭按钮放在指令之前(例如在标题中)时,它起作用了!我应该如何捕获此类异常并保持控制?

我的模态如下:

我的模态控制器如下:

编辑:

错误:谷歌未定义 t@ http://localhost:3000/bower_components/ngmap/build/scripts/ng-map.min.js:1:2423

0 投票
1 回答
903 浏览

javascript - Show and hide drawcontrols in NgMap - Google Maps

I want to let a user click a button, to show the draw controls on a map. Once a circle, marker etc has been added, the draw controls are hidden again.

I am building an Angular app and I am using the NgMap directive (https://ngmap.github.io/)

My example code looks like this:

html:

Controller:

The function is called on overlayComplete, but the controls are not hidden?

0 投票
1 回答
312 浏览

angularjs - Angular Maps - 得到 id 承诺?

在控制器中,我想在页面上获取地图(Google),将地图 ID 设置为变量,然后在同一控制器中的其他位置使用该地图 ID。

我有一个这样的片段;

但是因为 NgMap 需要一点时间来加载,所以当下面的代码准备好时它还没有准备好,因此 map 是未定义的。一旦我们在地图中有有效数据,我如何确保下面的代码仅在运行?所以就像我正在使用的承诺一样,我猜,但是以不同的方式?

NgMap:https ://ngmap.github.io/

0 投票
2 回答
2106 浏览

angularjs - ngMap中带有id的点击标记?

我正在使用 ngMap 显示带有标记的地图。当他单击标记时,我想将用户重定向到 URL。要构建这个 URL,我需要一个唯一的 id,来自重复。

我有这个;

在我的控制器中,我有

我只返回对象和实际的 id (ctrl.id)。我如何做到这一点?