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

javascript - Angular-Google-Map:加载位置数据(Lat,Lng)后如何加载地图?

我收到错误消息:“angular-google-maps:找不到有效的中心属性”。当我 $watch 从 php 后端加载的 locationData 并执行初始化函数时。

HTML:

角度控制器:

而且,我将 $scope.map 设置移动到控制器块的顶部,并将常量值设置为映射

,地图显示正确。

角度控制器:

加载数据后如何使用谷歌地图指令解析并使用后端 Lat、Lng 数据正确显示地图?

0 投票
2 回答
8669 浏览

angularjs - Angular-Google-Maps:如何在控制器中使用“方法”

当我将我的应用程序从 jQuery 方式更改为 Angular 方式时,我尝试使用 Angular-Google-Maps。

但我找不到 Google 地图对象(地图、标记、多边形...)和使用对象“方法”的方法(例如 getMap()、getPath()、getPosition()..)在哪里。

如果我需要获取被拖动的标记的位置,我该怎么办?就像我平时做的那样?

0 投票
1 回答
2747 浏览

javascript - `[$injector:nomod] 模块 'google-maps' 不可用`

我正在使用 angular-google-maps 在 Angular 应用程序中处理谷歌地图。为此,我必须将其添加angular-google-maps.js到项目中。如果我按以下方式添加脚本,该页面可以正常工作:

但是,如果我使用本地副本,它将不起作用,如下所示:

查看 firebug,我看到angular-google-maps.js文件已加载,但在这种情况下,会出现以下错误:

在网上搜索了几个小时,我没有找到任何原因或解决方案。也许你有一个想法或提示,如何找到原因?

0 投票
1 回答
6130 浏览

angularjs - angular-google-maps infowindow/tooltip on hover over marker

I'm relatively new to angular.

I'm using angular-google-maps and can't figure out how to get a tooltip/infowindow to display when hovering over a marker: basically what you get when you use the straight google maps api and set the 'title' attribute of the marker object (as in https://developers.google.com/maps/documentation/javascript/examples/marker-simple)

I've tried the markers element with the labelContnent attribute, and the marker with the marker-label element - neither shows a tooltip with the marker title.

The angular-google-maps demo (http://angular-google-maps.org/demo) also doesn't show any tooltips, so I don't think I'm doing anything wrong.

The question is, how do I get the title to display?

TIA!

0 投票
1 回答
358 浏览

angularjs - 角度谷歌地图上的标记导致无限摘要循环

我正在尝试在有角度的 js 前端创建一个带有标记的谷歌地图。我可以创建地图,并可以添加标记。但是当我添加标记时,我的控制台充满了无限的摘要错误。

我正在使用角度谷歌地图项目

这是我得到的错误

我的模板代码

相关控制器代码

0 投票
1 回答
140 浏览

angularjs - 已绘制 Angular Google Maps 制造商的所有标记时的事件

我目前使用 Angular 谷歌地图库(http://angular-google-maps.org/),有一个应用程序请求绘制为标记的数据(这发生在地图绘制很久之后)。然而,这个数据集很大,在地图上绘制所有标记需要一些时间。有没有办法捕捉事件或观察所有标记何时被绘制,例如允许在绘制标记时显示微调器。我已经查看了诸如空闲之类的事件,但这仅用于平移和缩放。非常感谢任何帮助。

0 投票
1 回答
4777 浏览

angularjs - RequireJS + AngularJS + 模块:依赖问题

我在本地设置了我的 angularjs 应用程序,一切正常,直到我将代码上传到登台服务器。我现在对不受尊重的依赖项有问题,但我不明白为什么。我猜它在本地工作,因为它加载库的速度更快。我现在修改了我的应用程序以尝试解决此问题,但无法使其正常工作。

我的应用程序正在加载一个单页应用程序,由 3 个视图(mainmapmap-data组成。我正在使用 AngularJS 模块结构来启动这个应用程序。这是我的目录结构:

在此处输入图像描述

index.html是非常基本的:

然后requirejs-config.js

然后main.js

然后app.js

在这里你可以看到app.js依赖于./modules/map/index,我正在加载所有可用的控制器:

每个控制器都请求相同类型的模块,mapDataCtrl.js这是由以下触发的模块/

如您所见,控制器正在请求module.js定义状态和模块名称的位置:

在这个文件中我有一个问题。我正在尝试加载模块angular-google-maps,因为我需要它在我的MapCtr控制器中,而且很可能在MapDataCtrl. 但我收到以下消息:

我不知道我错过了什么,对我来说一切看起来都正确。我错过了什么?


更新 1

我认为这是因为angular-google-map不符合 AMD 标准,所以我修改requirejs-config.js如下:

但我仍然有同样的问题。

0 投票
1 回答
782 浏览

angularjs - 动态更改标记的可见性

我正在使用 angular 1.2.15 和 angular-google-maps 1.0.18 来显示几十个标记。我想要做的是独立地动态打开/关闭标记组(由类名指定)的可见性。我可以使用 angular-google-maps 指令来渲染地图和所有标记。我只是不知道如何使用 angular-google-maps 动态更改标记可见性。任何帮助将不胜感激。

HTML:

控制器:

在另一个功能(此处未显示)中,我加载每个吸墨纸的故事。这些故事中的每一个都具有纬度和经度属性。

0 投票
1 回答
638 浏览

angularjs - AngularJS 和谷歌地图

我正在使用Google Maps for AngularJS将地图添加到我在 AngularJS 中的项目中。一切都很好,除了在某些时候我希望地图中心与单击的标记完全相同的位置。因此,在单击事件中,我在 AngularJS 控制器中设置了地图的中心。一切正常,但是当我拖动或缩放地图时,标记位置成为地图的“新”中心。有谁知道为什么会这样?这就像标记坐标以双向方式绑定......任何帮助表示赞赏!提前致谢

这是代码:

因此,地图中心是根据选择动作上所选终端的坐标设置的(它是地图的新中心),并且缩放级别增加。问题是当我尝试重置地图,或者尝试缩放或拖动地图时,标记坐标会获得新的地图中心坐标,但它不应该。这就是为什么我说“双向绑定”,我就是想不通这件事。

0 投票
3 回答
5708 浏览

javascript - angular-google-maps 现在在开始时隐藏时可以正确显示

当使用 ng-show/ng-hide 开始隐藏地图时,一旦可见,它就无法正确显示。标准地图也有同样的问题,只有我们可以向它发送调整大小,因为我们可以访问地图对象。

这是一个以隐藏地图开始的示例。按钮切换地图的可见性。

使用 js 中的 google-maps,我会向地图对象发送调整大小,但我无法在 angular-google-maps 中访问它。