问题标签 [angularjs-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 投票
7 回答
14970 浏览

javascript - AngularJS 谷歌地图指令

嗨,我正在尝试使用 angularjs 和我为实例化 GMaps 找到的指令开发应用程序:http://nlaplante.github.io/angular-google-maps/#!/ usage。我按照所有步骤操作,但无法渲染地图!它不返回任何错误!帮助!!

在 HTML 中

在控制器中:

0 投票
1 回答
2070 浏览

angularjs - 谷歌地图在 AngularJS 指令中不起作用

我是ng-map的创建者。

我正在尝试在 AngularJS 中开发一个指令来显示谷歌地图。我可以显示地图,但我想更进一步。我的指令将接受坐标或地址。如果设置了坐标,它将显示一个标记。但是,如果坐标不可用,则应尝试使用地址和地理编码显示标记。

我的问题是当我尝试在指令中运行 geocode 函数时,这个请求看起来是异步的,其余代码在我得到响应之前执行。

如何强制执行此请求?

请看我的插件:http://plnkr.co/edit/QRj6jXQYxSRR3CseavQY?p= preview

您会注意到,在一个城市 (Gijon) 中有一个标记(在地理编码之后),但之前创建的地图是在另一个城市 (Getafe) 的中心。

谢谢,罗伯托。

0 投票
5 回答
67468 浏览

angularjs - AngularJS 的谷歌地图

我对 AngularJS 很陌生,我正在尝试使用https://github.com/angular-ui/angular-google-maps

我只是想让地图在我的页面上呈现,但我收到一条错误消息,我不知道这意味着什么。任何有助于理解此错误消息的帮助将不胜感激。

我在这里创建了一个 plunk:

这是浏览器中的错误:

0 投票
1 回答
1741 浏览

angularjs - AngularJS 自定义指令 ng-repeat,无法调用 null 的方法“insertBefore”

在我的自定义AngularJS google maps 指令中,我有 map 指令和 marker 指令,marker 指令需要 map 指令。

以下是我的问题的简化版本,我无法使用 ng-repeat。

这是在这里演示的,http ://plnkr.co/edit/IN237QwEdNkdzpDaX70z?p=preview 错误是,

单独使用标记指令效果很好。
http://plnkr.co/edit/4i8Rtvk3Qu1U8JLRRAal?p=preview

我认为当父指令操纵 DOM 时会出现问题。但是,由于我们使用的是指令,它必须操纵 dom。

任何帮助,将不胜感激。

0 投票
2 回答
22110 浏览

angularjs - 在 ngMap 中使用带有标记的 ng-repeat

我想使用ngMap将 Google 地图添加到我的应用程序中。

这些演示是“静态的”,因为它们只有硬编码的 HTML。我希望我的代码是“动态的”,因为它会定期要求服务器查看其数据库并返回一堆坐标来绘制,这些坐标会随着时间而变化。我希望这很清楚;如果没有,请询​​问更多详细信息。

我修改了ngmap 标记演示以每两秒生成一些随机纬度/经度坐标(而不是像我的最终应用程序那样访问我的服务器)。请参阅Plunk

控制台中没有错误,而且似乎 ngMap 正在尝试添加我的标记,因为我在控制台中看到了很多这样的事情......

其中 K 和 A 是我期望的纬度/经度。

但是...我在地图上看不到任何标记。我究竟做错了什么?


[更新] 一个很好的答案,之后我很高兴地为此获得了赏金。对于其他阅读本文并希望使用 ngMap 的人,正如@allenhwkim 在另一个 stackoverflow 问题中所说,我认为,在他的博客上,ngMap 只是为您创建地图,然后您使用标准的 Google Maps API 操作它。

例如,就在循环添加标记之前,我声明
var bounds = new google.maps.LatLngBounds();了并且在循环中,在将标记添加到地图之后,我bounds.extend(latlng);,最后,在循环之后,我

我分叉了答案并创建了一个新的 Plunk来展示这一点。不是世界上最有用的功能,但重点只是展示如何使用$scope.mapGoogle Maps API。再次感谢 Allen,感谢 ngMap。

0 投票
1 回答
495 浏览

javascript - 在加载指令模板之前未初始化指令的范围,导致未加载谷歌地图

我正在我的应用程序中使用Google-maps-angular指令,我正在尝试将该指令包装在我自己的指令中。如果我在控制器中定义地图对象,它工作正常。但是当我在链接函数中定义地图对象时,它似乎并没有得到地图对象。

我尝试在指令的控制器中定义地图对象,但这也没有加载地图。在加载 html 之前似乎没有初始化范围,这解释了为什么地图不会加载,但我无法弄清楚为什么会这样。有没有其他方法可以在指令内部而不是外部控制器中定义地图对象?

此外,当查看 google-map 的范围内时(使用 angular.element("google-map >").scope() ),它显示要定义的中心,所以我不确定为什么没有加载地图。

0 投票
2 回答
9901 浏览

angularjs - (angularjs-google-maps) ng-click 内部标记

这个问题是关于angularjs-google-mapshttps://github.com/allenhwkim/angularjs-google-maps

有没有办法在标记上使用 ng-click 来设置这样的变量?(值 1 是硬编码的,用于测试目的)。单击标记当前似乎不会触发 ng-click。

0 投票
2 回答
1209 浏览

javascript - 如何从角度谷歌地图中的谷歌地图对象中检索谷歌标记

angular-google-maps抽象了创建谷歌标记的过程(即我们不直接通过new google.maps.Marker({...});)..也就是说,我们没有办法简单地检索与谷歌地图对象有关的标记,我们也不能创建我们自己的数组来存储对这些标记的引用以供以后使用(请参见此处

有没有办法让我们检索与谷歌地图对象有关的 gMarkers?

0 投票
1 回答
181 浏览

angularjs - AngularJS 只获取插入的指令属性名称

我创建了ngMap
并且该指令不监视任何属性值,因为属性名称是动态的(太多情况)。

但是,仅当指令用户使用双花括号将属性值赋予动态时,我才想将 $observe 应用于属性

我在这里compile尝试使用函数和函数来检测用户是否使用双花括号link,但还没有运气。

解释一下,从下面的代码

我想检测属性foo值是动态的,但属性bar值不是。

我试过这段代码来检查它,但没有成功。

我的问题是如何通过 AngularJS 检测属性值是否是动态的?

0 投票
2 回答
118 浏览

javascript - 我如何根据 Angular js 谷歌地图中的 id 传递 latlon

我是 Angular js 的新手。我正在尝试将基于 id 的 json lat lon 传递给 google api。我的 json 文件结构。

我的角度 js 代码

现在它只通过第一个交易 id 位置。我尝试在单击一项交易时进行交易,然后通过该交易ID位置(经纬度)。我正在使用角度 js 1.2.23