问题标签 [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 回答
288 浏览

angularjs - Angular Google Maps Markers - 经度和纬度的不同属性名称

我正在使用 angular-google-maps 构建一个非常直接的地图。我必须使用的数据使用的 id 和 lat/long 属性名称与 Angular Google Maps 所期望的名称不同。API 文档引用了用于指定备用 id 键的 idKey 参数,这对我来说很好用。我一直无法找到一种方法来传递参数以指定备用纬度/经度键。有谁知道这是否可能?

JSON 示例:

角度标记:

0 投票
1 回答
3319 浏览

angularjs - 为什么需要 ng-non-bindableAngular Google 地图中的元素?

我有一个关于Angular Google Maps插件的元素。Windows 元素文档中的示例源代码使用元素内部的ng-non-bindable属性。显然,为了让 Angular 绑定在页面上正确呈现,这是必要的。这在文档中没有明确说明,所以我想知道为什么这个属性是必要的,特别是因为关于 ng-non-bindable 的官方 Angular 文档清楚地表明,带注释的 HTML 元素中的 Angular 文字不会被 Angular 解析。<div><ui-gmap-windows>

为了说明,这是我的 HTML 部分中的一段代码(假设此 windows 元素范围内的属性模型具有名称和描述字段):

如果没有ng-non-bindable作为 的属性<div>(或没有 div),模型的值将不会绑定到这些 Angular 文字。只有冒号会在窗口中呈现,如“:”。但是,一旦我输入属性:

然后窗口的文本将正确呈现。它会说类似“位置 1:这是位置 1 所在的位置”。

所以再一次,我想知道为什么这里需要 ng-non-bindable 。它将极大地帮助我更好地理解这个 Angular 库,甚至 Angular 作为一个整体,更好。

0 投票
3 回答
1762 浏览

angularjs - 如何将 GooglePlacesServices 与 angular-google-maps 一起使用

我有一个地图和搜索框实例化并在搜索完成后删除一个标记。这工作正常,但是,我想查询位置服务以获取附近放置我的标记的位置,并且在运行时出现错误:google.maps.places.PlacesService(map) Uncaught TypeError: undefined is not a功能...

以下是我的 Angular.module.config 中的一些相关代码:

在我的地图控制器中:

1) 加载时回调

2)设置事件处理程序以创建标记

3) 处理地点改变时,设置标记为 lat,(LAST LINE IS THE PROBLEM) 查询地点名称。

错误在倒数第二行。(另外,有没有更简洁的方法来获取这些变量?)

在此先感谢您的帮助!

0 投票
0 回答
790 浏览

angularjs - 升级到 Angular 1.3.8 后,标记和 Windows(Angular 谷歌地图)不起作用

我一直在使用 angular-google-maps 一段时间。到目前为止,我还没有遇到任何重大问题。但是我的一位同事最近将 angular 升级到了 1.3.8。从那时起,我在实例化 and 指令时遇到以下错误,我没有看到任何标记。这是我得到的错误。任何调试的输入或指导都会很棒。提前致谢。

这是第一个错误:

这是第二个错误:

第 2860 行:

第 2637 行:

0 投票
2 回答
3896 浏览

angular-google-maps - 如何确保地图已加载

getGMap() 返回 Map 对象的一个​​实例。如果地图尚未准备好,则此函数返回未定义。是否有事件或方式告诉地图已准备好并且调用 getGMap 肯定会返回谷歌地图?

谢谢

亚什

0 投票
2 回答
820 浏览

angularjs - 多边形指令不尊重可见属性

我正在尝试使用Angular Google Maps模块在 google 地图上显示多边形,但 uiGmapPolygons 指令在修改模型的可见属性时没有隐藏/显示。

这里有一个 plunker 来说明这个问题: http ://plnkr.co/edit/EhFihJRBK9Lb0s3mwMSl

标记:

角代码:

我希望当我更改多边形将显示/隐藏的可见属性时。

我不确定我是否发现了错误,或者我是否试图错误地调整多边形的可见性。

编辑:

几天前,我在模块的 github repo 上提交了一个问题,昨晚得到了解决版本 2.0.11 中的问题的回复。不幸的是,我使用的是 2.0.12 版本。

链接到围绕该问题的 github 讨论:

0 投票
0 回答
287 浏览

javascript - Angular 谷歌地图窗口 html

我正在尝试使用角度谷歌地图在窗口中呈现一些 HTML。这是我的代码:

当我将图像标签留在窗口中时,根本不会弹出。但是,当我将其删除时,它似乎会弹出,但窗口不适合里面的内容。当我只渲染图像时,它似乎工作正常。总体而言,输出似乎很奇怪且不一致,我似乎无法真正了解它是如何工作的。我错过了什么?

0 投票
0 回答
186 浏览

javascript - 在 angular-google-maps 中升级到 2.0.12 后自定义 Windows 无法正确呈现

我最近将 angular-google-maps 升级到 2.0.12,当我单击标记时,我的自定义模板(用于窗口)没有加载。它以前工作得很好。我已经参考了所有文档和变更日志,但无济于事(这就是我首先使标记起作用的方式)。有人可以帮我解决这个问题。

这是我的哈姆观点:

这是我推送标记模型的咖啡脚本代码:

这是我的地图对象:

0 投票
1 回答
803 浏览

javascript - 如何向使用 angular-google-maps 构建的地图添加自定义缩放控件

我目前正在使用 angular-google-maps 并构建了一个工作地图,显示来自后端的一些标记。我想做的是向地图添加自定义缩放控件。因此我这样做了。但它没有按预期工作。如果有人以前做过或知道如何做,那么您能帮帮我吗?

这是我的指令视图:

这是我的指令:

服务中对应的功能:

所以我得到的错误是 apply 已经在进行中并且更改的地图对象没有反映在范围中。:(

0 投票
1 回答
3347 浏览

google-maps-api-3 - `angular-google-map`中的`bounds`参数不起作用?

看这个演示

文档中,我看到bounds参数的描述是:

使地图适合指定的范围。表达式必须解析为同时具有东北和西南属性的对象。这些属性中的每一个都必须具有纬度和经度属性

我设置了范围的界限:

并在这样的指令中使用它:

但似乎没有效果..地图不适合我指定的边界..这是否意味着 bounds 参数不起作用?以及如何使地图适合指定的边界?