leaflet相关内容

LitElement中的单张使用

我当前正在使用LitElement组件开发一个应用程序。我想把传单整合进去,在显示地图方面有问题。我已经在我的NPM项目中安装了传单,并创建了一个如下所示的类。 import {LitElement, html, css} from 'lit-element'; import './node_modules/leaflet/dist/leaflet'; class Map extends ..
发布时间:2022-02-26 22:28:06 前端开发

Python ipylelet导出映射为PNG、JPG或SVG

我曾尝试使用ipyfollet将数据的可视化导出为PNG或任何其他文件格式,但我找不到一种有效的方法。例如,在Folium中有map.save(Path)。ipylet中有没有我在研究中遗漏的能够帮助我实现目标的库或方法? 以下是生成地图的一些示例代码 from ipyleaflet import * center = [34.6252978589571, -77.3458099365 ..
发布时间:2022-02-25 19:04:28 Python

使用Reaction-Leaplet-Draw in Lamlet创建新图层之前删除图层

我这里的目的是在地图上只允许一个多边形。我的方法是在onCreated方法期间将新图层保存在变量或数组中,并在onDrawStart获取并删除方法中保存,所以一旦用户尝试绘制另一个形状,前一个将被移除,但这不起作用,有什么建议如何实现这一点吗? onCreated = (e) => { coordinates = e.layer._bounds; layer.push(e.layer ..

反应传单和反应-传单-抽签

我正在尝试实现传单地图上的绘制功能。我使用npx create-reaction-app和以下安装的软件包创建了一个仅安装了REACTION-LEAFLET的新应用程序: NPM安装Reaction-dom宣传单 NPM安装Reaction-宣传单 此时,我已经启动了应用程序,一切工作正常:地图显示正确,中间有一个标记。 然后我添加了REACTION-LEAFLE-DRAW包, ..

传单滑块按年份分组

我正在使用传单滑块 - https://github.com/dwilhelm89/LeafletSlider - 但是我无法得到想要的结果,即使从插件描述看来它可以做到. 我有一个特征集合,几何类型是多边形,我根据插件的要求插入了一个属性“时间".我已经尝试过使用 "time":"2014" 和 "time":"2014-01-01 00:00:00" 的机器人,没有区别.我总共有 30 ..
发布时间:2022-01-24 17:32:56 其他开发

使用 tmap 在形状上弹出

我制作了一张地图,不使用 tmap 以包含在使用 leaflet 的闪亮应用程序中.我大致有我想要的:一个基于 SpatialPolygonsDataFrame 的具有填充颜色的专题地图,当您单击地图时,会弹出一个包含有关多边形的额外信息的弹出窗口.我想在单击时更改弹出窗口以获得更好的布局.默认情况下会显示数据集中的名称,但它对用户并不友好. 这是一个可重现的例子. 库(tmap)图书馆(传单 ..
发布时间:2022-01-20 22:34:47 其他开发

如何在 Leaflet 标记的弹出窗口中生成 Angular 4 组件?

我一直是 Angular 1.x 的长期用户,现在我正在使用 Angular 4 制作一个新应用程序.我仍然没有掌握大部分概念,但我终于有了一些非常好的东西.但是,我遇到了一个问题,我需要使用 Leaflet 在标记的弹出窗口中显示 Angular 4 组件(尽管在 1.x 中我只使用了指令). 现在,在 Angular 1.x 中,我可以对带有指令的模板使用 $compile (` ..
发布时间:2022-01-12 18:49:52 其他开发

使用 R 向 Leaflet 中的图层控制框添加标题

我希望沿“可用图层"的行向图层控制框添加标题. 我的搜索只导致了一个相关结果: 使用 JS 的完全相同的问题.不清楚如何翻译 我的代码: map %>% leaflet() %>%addProviderTiles(provider = "CartoDB") %>%# 组 1 多边形addPolygons(data = map[!is.na(map$var),] ,weight ..
发布时间:2022-01-12 18:49:43 其他开发

在图层控件中设置 Leaflet Overlay Off

有人可以帮我弄清楚如何在将传单添加到地图时默认设置OFF吗?例如,在地图上设置CITIES图层OFF,如下面的代码所示.关键是默认情况下只有 STATES 层 ON 和 CITIES OFF. var baseMaps = {“灰度":灰度,“街道":街道};var 覆盖图 = {"Cities": 城市,//需要在地图上设置OFF"States": states//需要在地图上设置为 ON}; ..
发布时间:2022-01-12 18:49:34 前端开发

单击 Leaflet 中的标记时,如何防止显示弹出窗口?

我想要一个在我单击传单标记时不显示的弹出窗口.我不能使用 clickable : false 因为它会使标记“充当底层地图的一部分".这对我来说是不可接受的.我尝试了以下代码: marker.on('click', function(event) {event.originalEvent.preventDefault();}); 没有任何结果.在不使用标记对象的 clickable : fal ..
发布时间:2022-01-12 18:49:20 前端开发

在 Leaflet L.Draw 插件中以编程方式添加多边形

有没有办法使用 Leaflet 绘图插件以编程方式添加多边形?https://github.com/Leaflet/Leaflet.draw 例如:点击一个按钮,添加一个可以被插件编辑的方块. 解决方案 您只需将多边形(或任何其他您希望可编辑的图层)添加到您传递给 edit.featureGroup 您的 L.Control.Draw 控件. var editableLayers ..
发布时间:2022-01-12 18:49:11 前端开发

如何旋转leaflet.js 地图

我正在尝试将地图(或 tileLayer)旋转 x 度.我的研究没有产生任何不是真正肮脏的黑客的结果,并且在我的情况下不起作用. 是否有原生的leaflet.js 方式来旋转地图? (css旋转不影响鼠标移动) 解决方案 很抱歉,没有办法原生旋转 Leaflet 地图.您将需要其中一个丑陋的 hack 或从 Leaflet 切换并查看 Mapbox GL JS 或 Open L ..
发布时间:2022-01-12 18:48:57 前端开发

Angular 6 - 如何在组件级别应用外部 CSS 样式表(传单)?

尝试在 Angular 6 组件中使用 Leaflet.根据 css 文件的链接方式,地图显示正常或混乱,丢失的图块顺序不正确,这意味着 css 未被考虑在内. 我设法使它与将 css 链接到应用程序级别(全局)的 2 个解决方案一起工作,但绝不只链接到组件.这是我尝试过的(除了阅读了几篇关于 css/leaflet/Angular 的帖子): 工作过 - 全球层面: //style ..
发布时间:2022-01-12 18:48:37 前端开发

清除传单地图中的所有折线

我正在努力清除地图上的所有折线,我只清除最新的. var 折线;//添加地图折线函数 addPolyline(polyArray, colour) {polylines = L.polyline(polyArray, {color: colour});polylines.addTo(地图);}//清除折线函数 clearPolylines() {map.removeLayer(折线);} 其中 ..
发布时间:2022-01-12 18:48:18 前端开发

z-index 未按预期工作

我目前正在使用 Leaflet 和 Mapbox 创建自定义地图.在我开始处理弹出窗口之前,一切都运行良好. 我的情况:我有一个将要使用的自定义导航/控制面板,但它需要在任何打开的弹出窗口之后(目前不是). 我准备了一个JSFiddle和这个截图 我的 CSS 的一部分是 #map-nav {位置:绝对;左:10px;顶部:10px;z指数:2;}.leaflet-popup- ..
发布时间:2022-01-12 18:47:59 前端开发

Leaflet:当边界改变时触发一个事件

我正在使用 leaflet 开发一个新的应用程序.您可以在这里了解该应用. 我想在地图边界发生变化时触发一个事件.我查看了文档,但找不到与此相关的任何内容. 我找到了 getBounds() 方法,以及可能的 事件方法,但两者都没有结合. 我看到的唯一另一种可能性是检查鼠标拖动和滚动事件并每次检查边界.但我希望有更好的事情可以做. 你有更好的主意吗?谢谢! 解决方案 ..
发布时间:2022-01-12 18:47:50 前端开发