问题标签 [ng-map]

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 回答
566 浏览

angularjs - 将动态标记限制为一个

在下面的 plunker 中,我可以通过选择标记工具添加这么多标记。但我需要将其限制为只有一个。添加一个标记后,它应该禁用或用户不应该能够在地图上放置另一个标记。
我用过 ngMap https://ngmap.github.io/。谁能帮帮我吗

plunker 在这里:http ://plnkr.co/edit/Hboz7DnD30JZAiNgD1G5?p=preview

0 投票
1 回答
2203 浏览

angularjs - 如何使用 angularjs 在 ngMap 中使用硬编码值绘制多边形

我需要使用硬编码值在谷歌地图上绘制多边形。我使用了 ngMap(https://ngmap.github.io/)并使用了 ngMap 的绘图管理器,因为我还希望用户动态绘制多边形。如果我使用绘图管理器,我无法使用硬编码值绘制多边形。还有一件事,如果用户将标记放在地图上。我需要得到它的坐标。(例如:获取警报框或控制台中的坐标)。任何人都可以在这里帮我
Plunker:http://plnkr.co/edit/keRsKthRAwX89WOWeYwZ?p= preview

0 投票
1 回答
465 浏览

angularjs - 为什么 ng-map angular 指令在模态打开时不起作用?(在 plunker 中)

我的角度模块:

我使用了 ng-map 指令,在这里输入了坐标:

HTML:

我使用了两种样式,第一种是 html 地图,第二种是模态地图。地图在 html 中工作,但其他没有运行。

Plunker 链接: http ://embed.plnkr.co/LHzOQL930BqVco6gQhqX/

0 投票
1 回答
1112 浏览

angularjs - 当前 Bounds 使用 ng-map 形成谷歌地图

我使用这个:ngmap.github.io 和 ionic 框架。

我尝试像这个 js 代码一样以自然方式获取当前位置:

如何将此代码转换为 angularjs?

0 投票
1 回答
1882 浏览

angularjs - 在 angularjs 中使用 ng-map 显示多个信息窗口

我有这段代码用于在谷歌地图中显示信息窗口。问题是它总是在信息窗口中显示相同的数据。对于标记,使用 $scope.result 数组没有问题。

0 投票
1 回答
3190 浏览

angularjs - 如何使用 ngMap 在 ng-hide div 中渲染地图而不获取灰色矩形

问题:最初呈现为 ng-hidden 的 div 中的 Google Maps 元素在 ng-shown 时显示为灰色矩形。

我把这个 Plunker 放在一起来演示:https ://plnkr.co/edit/emzlIT?p=preview

其他人已经成功使用google.maps.event.trigger(map,'resize'),但对我来说没有帮助,也许是因为我隐藏了多个地图。在这个 plunker 上, 'resize'似乎有所作为,但并非始终如一。如果您使用 Plunker 并且一切似乎都正常,请尝试在 ng 显示的地图周围平移,您将得到灰色。

当然,显示的示例是我正在开发的实际网络应用程序的一个非常简化的版本。可以说使用ng-if代替ng-show(也适用于其他人)不是一种选择,也不是总是显示我的地图(尽管如果没有找到解决方案,我可能不得不在 div 之外思考。)

注意:如果你得到一个灰色的地图,放大或缩小浏览器似乎会启动渲染 & 然后地图工作完美,即使隐藏并重新显示我不知道浏览器缩放会触发所需的行为,但也许这对你来说是一个线索。

0 投票
1 回答
285 浏览

javascript - 带有 ngmap 移动问题的谷歌地图

ngmap在 Angular 应用程序中使用谷歌地图,我遇到了custom marker.

我的内部custom marker有一个input字段可以为我的位置设置自定义名称。问题是在移动设备(Android 和 iOS)上,我无法访问该字段进行写入。(基本上我无法点击输入字段)您知道为什么会发生这种情况吗?

我在这里有我的代码,可以看到这件事的实际效果。

0 投票
1 回答
1601 浏览

html - 谷歌地图信息窗口显示在左上角

当我单击 amarker时,info window显示在左上角,但它应该显示在标记的顶部。

这是情况的图像:http: //i.stack.imgur.com/GHHDE.png

这个元素样式应该为每个标记的 infoWindow 设置 left 和 top css 属性动态。但是如果您查看生成的元素,您会发现没有左侧或顶部 css 属性...

任何想法 ?

------ 更新(插入代码)

这是我的 angularjs 控制器,用于显示和隐藏信息窗口

这是我的用户界面

0 投票
2 回答
4422 浏览

angularjs - 具有多个标记的 ng-map - 仅显示一个缩放标记

我正在使用 ng-map 并尝试在谷歌地图上显示多个标记。当页面加载时,我希望看到地图上分散在各个国家/地区的所有标记。

地图仅显示一个标记的放大部分。可能是因为我将地图中心分配给数组中的最后一项。当我滚动/放大和缩小地图时,我可以看到所有标记。

我不确定当有多个标记时地图中心应该是什么,以及如何获得在地图加载时显示所有标记的地图视图

这是代码:

控制器:

html:

示例 $scope.markerData 数组:

0 投票
2 回答
1365 浏览

javascript - ngMap 中心在 angularjs 中无法正常工作

我在 Angular 中使用 ngMap 进行谷歌地图集成。

下面是我的html代码

我的控制器代码是

};

在这种情况下,地图已显示,但地图中心未正确显示,它会显示在右侧。

如果我将下面的代码放在带有虚拟 lat 和 long 的函数之外,那么它工作正常,但我无法在这个函数之外获得动态 lat 和 long 值,这就是为什么我需要将此代码放入函数中的原因。

请帮我解决。