问题标签 [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.
javascript - 使用 angular-google-maps 隐藏所有点击信息窗口
我正在使用此处定义的角度谷歌地图 api: https ://angular-ui.github.io/angular-google-maps/#!/api
我有以下 DOM 结构
我正在尝试使信息窗口在单击地图的任何其他部分或打开另一个窗口时关闭。我得到的最接近的是调用:scope.infoWindows.getChildWindows()
它可以访问标记对象,但是调用相关的 hideWindow 函数似乎什么都不做。有谁知道如何做到这一点?
angularjs - 如何将两张地图放在同一页面上,每张地图中有一个标记,带有角度谷歌地图?
我使用angular-google-maps 2.0.9 版在一页上显示两张地图,每张都有一个标记。但是 2 个标记显示在同一张地图中。任何的想法?
html:
控制器.js:
戳这里
如果我删除第一个地图中的标记标签,marker2 会正确显示在 map2 中。
javascript - 使用 angular-google-maps 无法将点击事件绑定到用于显示单个窗口的标记
我正在接收一个 JSON 对象作为我的标记的数据源。之后,我为每个标记绑定 Click/Close 函数
Plunk:http ://plnkr.co/edit/A9IbIFpj3d9tH6z9NYjf?p=preview
然后使用Angular Google Maps在 Google Map 上绘制标记
但是当我点击一个标记时,onClick 函数不会触发。我是 Angular.js 的新手,但似乎我有一个问题(或者对我来说可能更糟 - 使用 JavaScript 本身),而不是 Angular Google Maps,但我不确定。谢谢你的帮助。
[更新]使用click="'onClick'"
代替解决的问题click="onClick"
javascript - angular-google-maps 标记删除会删除所有标记
我正在使用 angular-google-maps 向我的地图添加标记。我遵循了加载 Maps API 的所有最佳实践,并且我在地图上显示了一组项目。除了删除项目外,一切都运行良好。当我从项目数组中删除一个项目时,所有标记都会消失。我显然做错了什么,但我不明白到底是什么。另一个奇怪的部分:当我添加另一个项目时,标记成功添加到地图中,但它是我能看到的唯一标记。此外,angular-google-map-marker 元素仍然在 dom 中,所以我不确定它们为什么不显示(我尝试将可见性设置为可见,显示为任何内容但不显示)。我的代码如下(Jade/LiveScript)。
索引.jade
应用程序.ls
应用控制器.ls
有什么想法我在这里做错了吗?让我知道我是否应该提供更多信息。
PS我知道我必须做一个 setMap(null) 来实际删除标记,我只想先处理这一步。
javascript - 如何将值从 ui-gmap-windows InfoWindow/Marker 传递给 ui-sref?
我正在尝试使用 angular-google-maps 模块的ui-gmap-windows
.
在我的 HTML 模板中,我有:
在我的控制器中,我有:
请注意,我使用的是“controller as”语法,因此vm.markers
控制器main.markers
中的 html 模板中的显示。
我看到的问题是data-ui-sref="display({id: id})"
html 中的 将状态更改为“显示”页面,但没有将其id
作为 $stateParams 值推送,这显然不好,因为我不知道要显示什么。 .
我有另一个指向同一页面的链接,在 InfoWindow 之外创建(在结果列表中),并且确实通过了 id 值:
任何有关使 InfoWindow 链接正常工作的帮助将不胜感激。
angularjs - ng-map 未在 angularJS 中编译
我在我的 ang 中包含了诸如 ngMap,nvd3 之类的指令
ularJs 应用程序。
在控制器中准备了两个仪表板,一个与 nvd3 相关,另一个与 ngMap 相关。在呈现到浏览器 nvd3 相关仪表板时正在显示.ngmap 相关仪表板未显示。
创建模板的示例代码是:
javascript - 具有多个地址的 Google Maps AngularJS
我有一个使用 AngularJS 服务并使用 Angular-Google-Maps 的应用程序,我的地图上确实有多个标记,但我无法点击每个标记来工作。唯一允许点击的标记是最后一个在打开窗口后不允许我关闭它的标记,或者如果我只有一个地址,则标记按预期工作。我想我已经很接近了,但无法弄清楚我可能会错过什么让点击标记对所有这些都有效。关于我缺少什么或需要做不同的任何想法?
这是我页面上的标记。
myMapApp.js 中的代码
mapController.js 中的代码
geocoder-service.js 中的代码
angularjs - 角度谷歌地图窗口关闭按钮漂移
我们使用 Onsen 和 angular-google-maps 的应用程序。如此处的示例所示,每次重新加载地图时,Google 地图信息窗口中的“x”都会缓慢漂移。
地图上的所有窗口第一次在相同、正确的位置打开时带有“x”。关闭地图页面popPage()
并打开地图pushPage()
会导致“x”向上漂移并向右移动 8 像素。下面是生成的?并放置在我放入<ui-gmap-window>
标签的内容下方的 DOM 中。
返回并重新打开:
如何确定导致这种漂移的原因?
2015-01-22更新:
我目前有一个解决方法。
这会将“x”和按下时关闭窗口的隐藏项移动到正确的位置。我在设置每个 InfoWindow 可见的函数的末尾调用此函数。
我的示例也可以在打开设备仿真的 Chrome 中重现。
我仍然没有找到漂移的原因。
angularjs - angular-google-maps 指令刷新不起作用
我正在使用这个库(http://angular-ui.github.io/angular-google-maps/#!/api)来显示一个包含地图的引导模式。由于模态是隐藏的,谷歌地图并不确切知道地图的比例,因此我只得到这样的部分地图:http: //s21.postimg.org/okifi7bk7/Screen_Shot_2014_12_25_at_12_21_58_PM.png
我将刷新属性设置为标志变量,但这似乎不起作用
任何指针?
javascript - Angular 谷歌地图 - 超时和折线渲染
我负责开发一个 AngularJS 应用程序,该应用程序的目的是跟踪选定驱动程序的路线。我从集成在我的应用程序后端的代理脚本获取路线,并使用此插件来渲染地图和路线(使用折线对象制作)。
一切正常,但我需要延迟折线渲染,也就是说,对于每条路线,我不希望立即追踪整个路线,而是每 3 秒追踪一条折线,以这种方式模拟地图中移动的点。
我试过这个(在promise的success
方法内):$http.get
where$scope.paths
是纬度、经度对象的集合。以这种方式使用$timeout
指令不起作用,如果我注释超时行并取消注释它上面的行(尽管所有路由都立即呈现)。任何帮助表示赞赏。