问题标签 [angular-leaflet-directive]

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 投票
2 回答
1255 浏览

angularjs - 如何使用 Angular-Leaflet-directive 获取地图点击位置的地理坐标?

如何使用传单获取点击位置的地理坐标?我尝试类似..

但它没有用。

0 投票
1 回答
909 浏览

angularjs - 角传单“路径”中的多个多边形

我正在尝试使用角度传单在我的 OSM 地图中显示多条路径。路径类型,如多个圆形和多边形。对于圆圈,以下代码:

对于多边形

我无法在地图中看到任何形状。我以前有一个像下面这样的设置,但问题是所有形状都是连接的,因为不同形状之间没有区别

0 投票
1 回答
1055 浏览

javascript - 创建一个智能的交互式地图,就像 FourSquare 网站上使用的那样

首先,我正在尝试使用 Angular.js 创建类似的东西:https ://foursquare.com/explore?mode=url&near=San%20Francisco%2C%20CA&q=comedy

总之,这是我尝试过的工具:

  • Mapbox.js
  • Leaflet.js
  • Angular-Leaflet 指令

对于每一个,我都尝试创建一个指令来管理与显示这些位置的地图相关联的位置列表,这样,当用户将鼠标悬停在列表项上时,工具提示会出现在地图上的位置标记上方,当他们将鼠标悬停在地图上的位置标记上方时,该标记上方会出现一个工具提示。(如果不清楚,请访问上面的链接。)超链接、图像等应该能够出现在工具提示中。以上似乎都没有直接给我这个功能的地图部分。此外,为了让标记出现在地图上,我必须从本质上脱离惯用的 Angular,因为标记是通过 Leaflet/Mapbox 工具包生成的矢量项。写这段代码感觉不对。是的,我能看到标记,但我不能 t 真正将它们与 DOM 中的任何内容相关联。我很困惑。

我不知道如何创建与页面上其他元素相关联的智能交互式地图。像 Angular-leaflet 这样的库可以让你很容易地在页面上获取地图,但定制是痛苦的(或者看起来如此)。Angular.js 与上述三种工具中的任何一种相结合,是要走的路吗?有什么我无法理解的吗?

0 投票
1 回答
237 浏览

angularjs - angular-leaflet-directive 的 angular watch

我试图$watch根据控制器的指令设置角度值以不同地设置控件,并且我尝试使用leafletScope.$watch("variable").

我添加了一个新$watch的具有相等比较的对象,因为它是一个对象:

然后我使用以下方法在控制器中调用它:

这是为了初始化控件,因为这似乎是必需的。

然后我稍后在一个事件中调用它:

如果我在控件中记录更改,然后在 $watch 事件中记录,我会得到以下序列:

  • 记录控制$watch事件
  • $scope.control记录更改事件
  • 没有更多的日志

更改后未调用手表的事实$scope表明我做错了。

谁能告诉我在哪里,或者如果我在我的简单测试中得出了错误的结论。

如果我做同样的事情并改变我的“中心”模型,我会得到:

  • 中央$watch事件
  • $scope.center记录更改事件
  • 使用新值记录中心$watch事件
0 投票
1 回答
1177 浏览

leaflet - 如何在传单角度上调用 fitBounds

如何在带有角度传单的地图上调用 fitbounds?我在某个帖子中看到了寻找地图绑定事件的帖子,但找不到任何示例代码。

0 投票
2 回答
1712 浏览

javascript - Angular-leaflet-directive 自定义 HTML 弹出窗口

我正在尝试在使用 angular-leaflet-directive 时创建自定义弹出窗口。我正在从 leaflet.draw on:create 事件打开弹出窗口。这里:

然后我使用@blackjid 的逻辑,如下所示: https ://github.com/tombatossals/angular-leaflet-directive/issues/238 绑定自定义弹出窗口

长话短说,除了弹出容器没有正确调整大小以适应新内容外,一切正常。高度似乎是正确的,但宽度是关闭的。

我尝试使用:

这可能就足够了,但这会导致弹出锚点出于某种原因移动到弹出窗口的左下方。在地图顶部附近单击时,AutoPan 也会损坏。

有谁知道我可以在哪里以及如何让 popup.update() 触发?我相信这就是需要发生的事情,但我不知道在哪里实施。我试过在 layer.openPopup() 之后调用它,如下所示:

但这似乎没有任何作用。任何帮助是极大的赞赏!

0 投票
1 回答
1058 浏览

javascript - 离子传单 angularjs 指令 - 通过服务在侧面菜单中切换 tileLayer

我正在尝试为leaflet-angularjs-directive 测试开发离子应用程序。没有多少演示可供我尝试。

我正在使用:calendee(github)的ionic-leafletjs-map-demo https://github.com/calendee/ionic-leafletjs-map-demo

我正在尝试将 LocationsService 复制到另一个服务:HistoricalMapService。每当我添加了 HistoricalMapService 时,“离子服务”的网页视图都是空白的。当我评论它时,网页正在运行,但没有使用 HistoricalMapService。

这是我在 mapController.js (js/controller/mapController.js) 中的代码

我的historyMapService(js/services/historicalMapService.js)在这里: http: //pastebin.com/mYsU0Dpk

而我的 menu.html (templates/menu.html) 如下:

如何显示图层的名称,当用户单击它时,它将在 TMS TileLayer 中切换地图?

在此先感谢您的帮助。

0 投票
1 回答
3318 浏览

http-status-code-404 - Ionic / Leaflet - 无法获得 Tiles 404 Not Found(来自缓存)

我被一个非常奇怪的问题锁定了。我正在使用带有angular-leaflet-directive 的传单。在以前的应用程序上,一切正常。

现在在一个新的应用程序上,我想实现一个新的传单地图。因此,我复制了我以前的代码。

我的问题是,传单地图打开,我的标记被创建,但是

瓷砖未加载

(我的应用确实拥有互联网和互联网权利)每个尝试加载的磁贴都失败并出现以下问题:

如您所见,如果直接访问磁贴,您可以在浏览器上看到它。

每个 Tile GET 请求的标头

我的感觉是它试图从缓存中加载它而不是直接从开放提供程序加载它我仍然无法得到我的两个项目之间的不同之处

我的其他工作应用程序的每个磁贴都有以下标题:

AngularJS 配置

缓存被禁用。

我还尝试了以下添加剂,因为 HTTP TILE LOADING 得到了(不成功)

传单指令的 HTML 创建

AngularJS 代码

当我打开我的地图时,我确实调用了以下函数:

0 投票
0 回答
1520 浏览

javascript - 在 ionic + angularjs 传单指令中的 $scope.map 中显示 Leaflet DrawControl

我正在使用https://github.com/calendee/ionic-leafletjs-map-demo/和更新的 angular-leaflet-directive.min.js (0.7.15),因为演示使用的是旧版本。

我在 ionic + angularjs 传单指令的 $scope.map (在 mapController.js 中)中添加 DrawControl 时遇到问题。

索引.html

地图.html

地图控制器.js

我想让 Leaflet DrawControl 显示在地图中。

希望这对其他人也有帮助。

提前致谢。干杯!

0 投票
1 回答
755 浏览

angularjs - 传单点击事件在 iPad 上不起作用

我正在使用角度传单指令。我的笔记本电脑上一切正常。但在 iPad 上,双击工作正常,但点击事件根本不起作用。我有一个点击事件处理程序,但它没有被触发。

双击事件被触发,但其他事件没有。有什么我可以尝试调试的吗?