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

javascript - ng-maps 记录纬度经度

我在我的网络应用程序中嵌入了谷歌地图,使用:

和控制器:

我正在尝试记录与新拖动标记关联的纬度经度。但是,控制权不会交给拖动事件侦听器。

0 投票
1 回答
258 浏览

css - VS2015-Cordova-Ionic-Angular-ngMap:地图高度默认为 300px

我显然有很多关于 CSS 的知识要学!

我正在使用 VS2015 和 Cordova 开发移动应用程序。我正在使用 ngMap ( http://ngmap.github.io/ ) 来包装 Google 地图。我真的很喜欢图书馆!问题是它默认大小为 300px,而我的 CSS 技能太差,无法正确覆盖它。

我知道 ngMap 默认为 300px,您可以指定default-style="false"然后在 CSS 中提供覆盖指定position: absolute; height:100%; width:100%- 这应该使地图填满页面。

当我尝试这样做时,我最终得到了这个:彻底失败

当我接受默认行为时,我有一个工作地图,但它只有 300 像素高: 我很讨厌 CSS

这是一个简单的 Plunker,但演示了我遇到的问题: http ://plnkr.co/edit/8qfGaLBMgXFtluELZhCs?p=preview

请注意,CSS 具有推荐的覆盖。当这些被省略时,地图是可见的——但只有 300 像素高。我知道这不应该那么难,而且我知道其他人已经按照上面列出的说明取得了成功。我只是无法让它工作。

对于它的价值,当我将它部署到我的三星 S5 时,行为是相同的:我看到地图的左下角。任何帮助表示赞赏!

0 投票
1 回答
1132 浏览

javascript - 如何在 Ngmap 中隐藏或删除动态添加的标记

我有一个表格和地图(ngMap),填写表格并在地图上插入标记后,如果我点击提交,它将保存。但是如果我再添加一个,标记将已经存在于先前坐标的位置。如果我手动重新加载页面,标记将不在地图上。如何在不手动重新加载页面的情况下删除或隐藏。
HTML


控制器

而且我也尝试过这样的成功承诺,但没有奏效

并且因为我使用了 ui-router,所以我尝试像这样以编程方式重新加载页面$state.transitionTo('dashboard.places.list', null, { reload: true, inherit: false, notify: true });
,但也没有用。谁能帮帮我

0 投票
1 回答
177 浏览

javascript - 如何以矩形形式创建从当前位置到 10 公里范围内的多个标记的谷歌地图

我正在开发一个基于谷歌地图的网络应用程序。我正在使用角度js。我必须在谷歌地图上开发多个标记,但我必须只显示这些标记,这些标记将在 10 公里范围内,而不是半径范围内,它应该来自角落。
我使用 map.getBounds() 来获取所有角落的纬度和经度我是角度 js 的新手,所以请帮助我。

0 投票
0 回答
88 浏览

ionic-framework - 如何获得最短路径

我正在使用 ionic 和 firebase 来开发我的项目。我使用 ngmap 来显示事件,但我会显示到事件位置的最短路径。您能否通过有用的链接或示例提供给我。

0 投票
2 回答
1910 浏览

angularjs - ng-map 和 place 自动完成在模态中不起作用

我正在使用 ng-map 指令并将自动完成 API 放在我的 angularjs 应用程序中。哪些工作正常。但问题是我需要在引导模式中和当我在引导模式中使用相同的代码时,ng-map 和放置自动完成都不起作用。如果我遗漏了什么,建议我。仅当我使用 Angular 的 ng-map 指令时才会出现问题。使用 javascript 一切正常,但我不想编写大量代码。我只想使用 ng-map。这是我的标记

看我的 plunkr

对于整个代码

0 投票
2 回答
603 浏览

javascript - ng-map 中心未按预期工作

我正在使用 ng-map 指令,如下所示:

这会将地图视图呈现为空白。但是在对中心进行硬编码时,它可以正常工作。我很困惑是什么问题。

0 投票
1 回答
1688 浏览

angularjs - 如何删除 ngMap 上的默认 AB 标记

我在我的角度应用程序中使用 ng-map。在我的地图中,我正在使用方向,但我不需要 A 点和 B 点。请帮我隐藏这些标记。我有一个解决方案 ,但它对 ng-map 没有帮助。这就是我应用它的方式。

或者我没有正确使用它。检查这个plunker。帮助

0 投票
1 回答
227 浏览

angularjs - 当加载谷歌地图时,使用角度js时,是否有一个事件肯定会触发?

我正在使用 angularjs 和 ngmap ( https://ngmap.github.io )。该地图最初是从视图中隐藏的(使用 ng-show),我希望能够在视图之间切换而不必重新加载整个地图。我还想在地图上显示一个 kml。

仅在显示页面的该部分时才初始化地图(使用延迟初始化)。

它似乎工作正常,除了有时地图无法放大到 kml(使用 fitBounds)。我想我已经确定这是因为包含 div 的高度为零(由于控制器代码在视图实际呈现之前触发),而 fitBounds 需要它。

我试图等到我确定地图是好的并且准备好了。我尝试了以下事件:

  • bounds_changed
  • 已加载瓷砖

但也不做我想做的事。

目前我正在使用 $timeout,但我不喜欢它,因为我不知道初始化地图需要多长时间,以及我的代码是否会在这段时间内触发。

我的下一个想法是反复检查地图的高度,但我更喜欢更明确的东西。

另一个想法是始终将地图放在背景中,并在该部分可见时使用绝对定位用其他信息覆盖它,但这破坏了我当前的设计。

0 投票
1 回答
343 浏览

angularjs - 在angularjs中使用ngMap模块es6类时,使用'places-auto-complete'时'this'未绑定到构造函数

我将 AngularJS 与 ES6 一起使用,同时实现ngMap模块以实现谷歌地图的自动完成功能。

以及包含组件的 javascript 文件

返回的对象返回: 显示“this”上下文的图像;这导致“this.map”未定义

我希望“ this.map ”和“ this.place ”引用构造函数属性和“ this.getPlaced () ”来获取自动完成数据。我怎么解决这个问题?