问题标签 [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-Map:加载位置数据(Lat,Lng)后如何加载地图?
我收到错误消息:“angular-google-maps:找不到有效的中心属性”。当我 $watch 从 php 后端加载的 locationData 并执行初始化函数时。
HTML:
角度控制器:
而且,我将 $scope.map 设置移动到控制器块的顶部,并将常量值设置为映射
,地图显示正确。
角度控制器:
加载数据后如何使用谷歌地图指令解析并使用后端 Lat、Lng 数据正确显示地图?
angularjs - Angular-Google-Maps:如何在控制器中使用“方法”
当我将我的应用程序从 jQuery 方式更改为 Angular 方式时,我尝试使用 Angular-Google-Maps。
但我找不到 Google 地图对象(地图、标记、多边形...)和使用对象“方法”的方法(例如 getMap()、getPath()、getPosition()..)在哪里。
如果我需要获取被拖动的标记的位置,我该怎么办?就像我平时做的那样?
javascript - `[$injector:nomod] 模块 'google-maps' 不可用`
我正在使用 angular-google-maps 在 Angular 应用程序中处理谷歌地图。为此,我必须将其添加angular-google-maps.js
到项目中。如果我按以下方式添加脚本,该页面可以正常工作:
但是,如果我使用本地副本,它将不起作用,如下所示:
查看 firebug,我看到angular-google-maps.js
文件已加载,但在这种情况下,会出现以下错误:
在网上搜索了几个小时,我没有找到任何原因或解决方案。也许你有一个想法或提示,如何找到原因?
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!
angularjs - 已绘制 Angular Google Maps 制造商的所有标记时的事件
我目前使用 Angular 谷歌地图库(http://angular-google-maps.org/),有一个应用程序请求绘制为标记的数据(这发生在地图绘制很久之后)。然而,这个数据集很大,在地图上绘制所有标记需要一些时间。有没有办法捕捉事件或观察所有标记何时被绘制,例如允许在绘制标记时显示微调器。我已经查看了诸如空闲之类的事件,但这仅用于平移和缩放。非常感谢任何帮助。
angularjs - RequireJS + AngularJS + 模块:依赖问题
我在本地设置了我的 angularjs 应用程序,一切正常,直到我将代码上传到登台服务器。我现在对不受尊重的依赖项有问题,但我不明白为什么。我猜它在本地工作,因为它加载库的速度更快。我现在修改了我的应用程序以尝试解决此问题,但无法使其正常工作。
我的应用程序正在加载一个单页应用程序,由 3 个视图(main
和map
)map-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
如下:
但我仍然有同样的问题。
angularjs - 动态更改标记的可见性
我正在使用 angular 1.2.15 和 angular-google-maps 1.0.18 来显示几十个标记。我想要做的是独立地动态打开/关闭标记组(由类名指定)的可见性。我可以使用 angular-google-maps 指令来渲染地图和所有标记。我只是不知道如何使用 angular-google-maps 动态更改标记可见性。任何帮助将不胜感激。
HTML:
控制器:
在另一个功能(此处未显示)中,我加载每个吸墨纸的故事。这些故事中的每一个都具有纬度和经度属性。
angularjs - AngularJS 和谷歌地图
我正在使用Google Maps for AngularJS将地图添加到我在 AngularJS 中的项目中。一切都很好,除了在某些时候我希望地图中心与单击的标记完全相同的位置。因此,在单击事件中,我在 AngularJS 控制器中设置了地图的中心。一切正常,但是当我拖动或缩放地图时,标记位置成为地图的“新”中心。有谁知道为什么会这样?这就像标记坐标以双向方式绑定......任何帮助表示赞赏!提前致谢
这是代码:
因此,地图中心是根据选择动作上所选终端的坐标设置的(它是地图的新中心),并且缩放级别增加。问题是当我尝试重置地图,或者尝试缩放或拖动地图时,标记坐标会获得新的地图中心坐标,但它不应该。这就是为什么我说“双向绑定”,我就是想不通这件事。
javascript - angular-google-maps 现在在开始时隐藏时可以正确显示
当使用 ng-show/ng-hide 开始隐藏地图时,一旦可见,它就无法正确显示。标准地图也有同样的问题,只有我们可以向它发送调整大小,因为我们可以访问地图对象。
这是一个以隐藏地图开始的示例。按钮切换地图的可见性。
使用 js 中的 google-maps,我会向地图对象发送调整大小,但我无法在 angular-google-maps 中访问它。