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

angularjs - 标记未更新 AngularJS 的 Google 地图中的坐标

我正在使用Google Maps for AngularJS并拥有以下 Jade 代码:

在我的角度控制器中,我有:

我正在尝试每次点击更新标记位置。在console.log($scope.marker);我可以看到我的标记确实打印了更新的坐标值,但红色的大头针没有在地图上移动。

我无法弄清楚我做错了什么。

编辑:

在我调整地图大小后,标记确实会移动到新位置,所以我认为这是一个问题,当标记位置发生变化时地图没有刷新。这应该报告为错误吗?我能做些什么来解决它?

0 投票
1 回答
2189 浏览

javascript - 将 Angular-Google-Maps 添加到 Mean.js

我在尝试将模块 (angular-google-maps) 添加到 Mean.js 时遇到问题

我跑了:

然后将“google-maps”添加到 applicationModuleVendorDependencies 数组中的 public/config.js:

但是当我尝试运行(使用 grunt)时,我得到一个错误:

我还需要做其他步骤吗?在https://angular-ui.github.io/angular-google-maps/#!/use上,它说 angular-google-maps 依赖于 Lodash,我是否还必须在模块供应商依赖项中添加它?

0 投票
2 回答
13460 浏览

angularjs - 角度谷歌地图中心缩放多个标记

我将AngularJS 用于 Google 地图,并希望根据动态加载的多个标记动态居中和缩放地图。这适用于使用Ionic Framework的Cordova应用程序。

这是我的看法:

这是我的控制器:

})

所以,我的问题是如何使用多个动态加载的标记来居中和缩放地图?另外,如何在加载地图之前获取 googleMap.control (vm.googleMap.control) 的实例?

0 投票
0 回答
417 浏览

angularjs - Angular.js 中的条件模块注入

我正在开发一个 Ionic 项目并尝试使用 Angular-UI 的 angular-google-maps。

但是,由于加载 Maps JS API 的常规阻塞方式有时会导致应用超时时间过长。

我试图让 angular-google-maps 仅在 Google Maps 脚本完成异步加载时才“加载”,方法是使用 defer 属性并异步加载脚本。

问题是该模块在“google”可用之前被初始化并且它中断了。我正在寻找一种方法来延迟这个模块的初始化,直到可以使用。

有没有办法让“代理”或“别名”模块在需要时注入所需的模块?

还是有另一种方法可以有条件地控制依赖注入?

谢谢!

0 投票
0 回答
414 浏览

angularjs - 角度谷歌地图没有显示,平均堆栈没有错误

我正在关注他们页面上的快速入门,但没有成功。我正在使用 mean.io。

我所做的与本教程的唯一不同之处在于第 2 步。我没有使用脚本标签调用 lodash 和 angular-google-maps,而是将它们添加到我的assets.json文件中。但是我检查了两个文件都在我的页面中。

在第 3 步中,我将模块添加到我的模块的依赖项中(我使用文章示例作为此应用程序的基础):

我页面中的google-map标签没有收到任何内容,例如 angular-google-maps 页面中的示例。我也没有在控制台中看到任何错误。我尝试删除导入 googlemaps API 的脚本标签,它在控制台中显示错误,所以我认为加载正确。

0 投票
1 回答
39 浏览

javascript - creating a function in for-loop with index

I am trying to create an object in a for loop , and add a click function in the loop which can call another function and pass in the index - so that I know which object it was that was clicked. Here is the loop:

now when I look at the objects created in the console I see that every place that I added the x got set correctly , except in that click function , there is is just x. The problem is that when I click this object after it is created then they all have x as the last number that it was set to. How can I write this function to properly get the ndex , and not just the final number??

0 投票
0 回答
307 浏览

javascript - Angular Google Maps - WeatherLayer:摄氏度到华氏度

我是 Angular 的新手,一直在玩 Angular google-maps 及其在 plunker http://plnkr.co/edit/KmREW0ANYT8C2LM8dH9l?p=preview中的示例。将天气图层应用于地图,我正在尝试将摄氏度更改为华氏度。

我想我可以在选项范围内以这种方式更改选项:

那没有用。我应该在哪里应用该选项?谢谢

0 投票
0 回答
2633 浏览

angularjs - 角度谷歌地图 v2.0.1 标记指令标签在悬停时不会显示

在 1.2.x 中,我曾经在 options 属性中设置它。这仍然适用于标记指令,但在 2.x 中不适用于标记(复数)指令。我尝试使用 labelContent (代码片段),它也没有工作。

你可以在这个 plunker 中看到它。两个正确的标记是我的目标。左侧的标记是单个指令,悬停在该指令上起作用。 http://plnkr.co/edit/4eF1Wu4tURysTji0b5kO?p=preview

0 投票
1 回答
2129 浏览

google-maps - 在 angular-google-maps 中,如何通过标记上的鼠标悬停事件显示 infoWindow?

我正在使用 angular-google-maps 进行项目。我想向标记添加鼠标悬停事件,所以我按照 angular-google-maps 示例文件夹中的教程进行操作。但是,我无法让它工作。这是 Plunker 链接。 http://plnkr.co/edit/bsqILbPPBJnZwyzeumn8?p=preview

$scope.markersEvents = { mouseover: function (gMarker, eventName, model) {

};

0 投票
2 回答
2413 浏览

javascript - Angular 谷歌地图模块不加载

我刚刚通过 bower 将 angular-google-maps 更新到 2.0.1 并添加了所需的依赖项(bluebird、jquery、loadash)。当我注释掉 google-maps 时,我的应用程序运行良好。所以它肯定与 angular-google-maps 有关

bower.json 依赖项:

这是加载的库:

在这里我加载我的应用程序:

我得到的错误信息:

我真的不知道是什么破坏了模块,我检查了我的凉亭链接,更新了所有依赖项(凉亭更新)。

我一直在尝试找出错误,但没有运气。也许有人可以在这里帮助我。谢谢!