问题标签 [ui-leaflet]

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

angularjs - 未观看时更新标记

angular-leaflet-directive中,当我们使用 $watch 关闭时,是否有办法更新地图上的标记和路径markersWatchOptions

0 投票
1 回答
1674 浏览

javascript - TimeSlider 插件和传单 - 标记未按顺序显示

使用JSFIDDLE 链接更新

我正在使用 LeafletJS 构建带有时间轴滑块的 web 地图。我正在使用LeafletSlider 插件 来显示一组基于名为DATE_START. 这是我的数据对象的示例:

我的代码示例:

我已将时间滑块插件添加到我的地图中,尽管它正在运行,但我似乎无法让滑块按时间顺序显示标记。例如,DATE_START值为的标记2014-01-21显示在第二位,而实际上它应该显示在第一位,因为它是日期最早的标记。

如何让我的时间滑块/标记以正确的顺序从最早到最晚出现?谢谢。

0 投票
1 回答
242 浏览

leaflet - 将 Leaflet.Graticule 与 angular-leaflet-directive 一起使用

我不知道如何将Leaflet.Graticule集成到 ui-leaflet/angular-leaflet-directive 应用程序中。任何关于如何做到这一点的指针将不胜感激。

编辑:为了稍微扩展 iH8 的答案,我还必须在我的 bower.json 中的覆盖部分添加一个条目:

}

0 投票
1 回答
2519 浏览

javascript - 在传单中使标记可调整大小的最佳方法

每次放大或缩小地图时,我都会尝试调整标记的大小。目前我正在使用这种方法:

  • 在 zoomend 方法中迭代所有标记。
  • 获取当前图标大小
  • 执行一些计算以根据缩放大小获得新的标记大小。
  • 将新维度设置为图标对象。

    });

    });

    }

问题:如果我一次放大和缩小 1 个级别,此代码可以正常工作。如果我太频繁地滚动进出鼠标,那么这段代码会给出奇怪的输出。有时标记大小会变得太大或太小。

问题:1)这是使标记在不同缩放级别上调整大小的唯一方法吗?2)如果是,那么我在这里缺少什么或者应该进行哪些更改以使其完美运行。?

注意:标记谷歌地图也是因为它更多的是地图(谷歌或传单或地图框)的逻辑问题,而不是特定于 api 的问题。

0 投票
1 回答
95 浏览

javascript - 如何更新传单指令中的“默认值”?

我正在使用传单指令
我为地图设置了默认值,例如:

后来我想defaults用其他一些事件来更新,比如click.
所以我尝试了这样的事情:

但是在我改变这个之后什么都没有发生。有人可以帮我如何更新defaults价值吗?

0 投票
0 回答
458 浏览

r - 传单地图未在 Shiny 中渲染

传单地图未针对以下代码呈现。还要说明地图应如何适合闪亮仪表板中框的宽度。它检索推文但不呈现。

服务器.R

用户界面

传单地图未呈现。

有针对这个的解决方法吗?

0 投票
1 回答
4423 浏览

javascript - 将时间滑块与传单相结合

我对使用传单和 JavaScript 很陌生。我正在尝试使用传单实现时间滑块。我看过

1) https://github.com/dwilhelm89/LeafletSlider ,

2) https://gis.stackexchange.com/questions/120331/jsonp-working-with-leaflet-time-slider

3) TimeSlider 插件和传单 - 标记未按顺序出现

我仍然有麻烦。我的 HTML 文件如下所示:

我的 slider.geojson 文件:

和我的 javascriptleaflet_demo_slider.js文件

如果我删除了 javascript 文件中的所有滑块选项,并且只需

然后我可以看到标记,但是我只能生成地图。

0 投票
0 回答
430 浏览

leaflet - Mapbox Matching API 切换坐标

编辑:我重新格式化了问题,因为有人向我指出问题不在 Mapbox API 中。

几天前,一个使用 mapbox 匹配 API 和 Leaflet.js 的应用程序开始在地球的另一边绘制折线。

虽然它自己看起来应该是这样的路径,但传单将它描绘在另一个大陆上。Mapbox 匹配 API 按照 GEOJson 标准返回响应:

使用下面的代码使用 leaflet.js 绘制图层会导致在错误位置绘制多段线。

结果是:

折线在衙门而不是欧洲绘制

虽然折线本身是应有的,但位置却不是。我推测问题是传单期望坐标格式为 [纬度,经度],而 Mapbox 匹配 API 返回 GEOJson 格式,即 [经度,纬度]。

我应该在绘制之前手动切换响应的坐标还是我做错了?

谢谢。

编辑2:看来问题实际上是不同的格式。有关它的更多信息可以在这篇文章中找到 更改返回对象中坐标的顺序非常繁琐,因此非常适合解决这个问题。

0 投票
1 回答
219 浏览

javascript - 您如何使用 ui-angiular 将地图转到 Pan?

我正在使用 ui-angular,但我不知道如何将地图移至新位置。我了解它是如何工作的,我只是使用 Leaflet.js,但因为这是一个指令,我不明白我应该使用什么对象来与页面上的地图进行交互。

0 投票
2 回答
437 浏览

angularjs - 如何获取地图对象中的标记/使用 ui-leaflet

我正在尝试编写一个 popUp 函数,但我似乎无法弄清楚如何将任何内容绑定到我的地图上的标记。

我已经尝试了一段时间,但它回来是空的