问题标签 [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.
angularjs - 未观看时更新标记
在angular-leaflet-directive中,当我们使用 $watch 关闭时,是否有办法更新地图上的标记和路径markersWatchOptions
?
javascript - TimeSlider 插件和传单 - 标记未按顺序显示
我正在使用 LeafletJS 构建带有时间轴滑块的 web 地图。我正在使用LeafletSlider 插件 来显示一组基于名为DATE_START
. 这是我的数据对象的示例:
我的代码示例:
我已将时间滑块插件添加到我的地图中,尽管它正在运行,但我似乎无法让滑块按时间顺序显示标记。例如,DATE_START
值为的标记2014-01-21
显示在第二位,而实际上它应该显示在第一位,因为它是日期最早的标记。
如何让我的时间滑块/标记以正确的顺序从最早到最晚出现?谢谢。
leaflet - 将 Leaflet.Graticule 与 angular-leaflet-directive 一起使用
我不知道如何将Leaflet.Graticule集成到 ui-leaflet/angular-leaflet-directive 应用程序中。任何关于如何做到这一点的指针将不胜感激。
编辑:为了稍微扩展 iH8 的答案,我还必须在我的 bower.json 中的覆盖部分添加一个条目:
}
javascript - 在传单中使标记可调整大小的最佳方法
每次放大或缩小地图时,我都会尝试调整标记的大小。目前我正在使用这种方法:
- 在 zoomend 方法中迭代所有标记。
- 获取当前图标大小
- 执行一些计算以根据缩放大小获得新的标记大小。
将新维度设置为图标对象。
});
});
}
问题:如果我一次放大和缩小 1 个级别,此代码可以正常工作。如果我太频繁地滚动进出鼠标,那么这段代码会给出奇怪的输出。有时标记大小会变得太大或太小。
问题:1)这是使标记在不同缩放级别上调整大小的唯一方法吗?2)如果是,那么我在这里缺少什么或者应该进行哪些更改以使其完美运行。?
注意:标记谷歌地图也是因为它更多的是地图(谷歌或传单或地图框)的逻辑问题,而不是特定于 api 的问题。
javascript - 如何更新传单指令中的“默认值”?
我正在使用传单指令。
我为地图设置了默认值,例如:
后来我想defaults
用其他一些事件来更新,比如click
.
所以我尝试了这样的事情:
但是在我改变这个之后什么都没有发生。有人可以帮我如何更新defaults
价值吗?
r - 传单地图未在 Shiny 中渲染
传单地图未针对以下代码呈现。还要说明地图应如何适合闪亮仪表板中框的宽度。它检索推文但不呈现。
服务器.R
用户界面
传单地图未呈现。
有针对这个的解决方法吗?
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 文件中的所有滑块选项,并且只需
然后我可以看到标记,但是我只能生成地图。
leaflet - Mapbox Matching API 切换坐标
编辑:我重新格式化了问题,因为有人向我指出问题不在 Mapbox API 中。
几天前,一个使用 mapbox 匹配 API 和 Leaflet.js 的应用程序开始在地球的另一边绘制折线。
虽然它自己看起来应该是这样的路径,但传单将它描绘在另一个大陆上。Mapbox 匹配 API 按照 GEOJson 标准返回响应:
使用下面的代码使用 leaflet.js 绘制图层会导致在错误位置绘制多段线。
结果是:
虽然折线本身是应有的,但位置却不是。我推测问题是传单期望坐标格式为 [纬度,经度],而 Mapbox 匹配 API 返回 GEOJson 格式,即 [经度,纬度]。
我应该在绘制之前手动切换响应的坐标还是我做错了?
谢谢。
编辑2:看来问题实际上是不同的格式。有关它的更多信息可以在这篇文章中找到 更改返回对象中坐标的顺序非常繁琐,因此非常适合解决这个问题。
javascript - 您如何使用 ui-angiular 将地图转到 Pan?
我正在使用 ui-angular,但我不知道如何将地图移至新位置。我了解它是如何工作的,我只是使用 Leaflet.js,但因为这是一个指令,我不明白我应该使用什么对象来与页面上的地图进行交互。
angularjs - 如何获取地图对象中的标记/使用 ui-leaflet
我正在尝试编写一个 popUp 函数,但我似乎无法弄清楚如何将任何内容绑定到我的地图上的标记。
我已经尝试了一段时间,但它回来是空的