leaflet 相关问题

Leaflet是一个开源JavaScript库，适用于移动设备友好的跨浏览器交互式地图。对于R传单包，请使用r-leaflet标签。

如何将react-leaflet地图添加到remixjs应用程序

我正在尝试将反应传单地图添加到混音应用程序中。我使用 npx create-remix@latest 命令创建了一个简单的应用程序。然后我使用安装说明添加了react-leaflet。现在我有...

javascript reactjs leaflet react-leaflet remix.run

回答 1 投票 0

如何在 JavaScript 中正确读取 geoJSON 文件？

我正在使用 Leaflet 和 OpenStreetMap 在我的页面上显示地图。我按照步骤在页面上创建了一个简单的地图。一旦我能够生成地图，我就会按照创建 geoj 的步骤...

javascript leaflet openstreetmap

回答 1 投票 0

将 SVG 叠加在传单 latLngBounds 上

我正在使用 Plotly 生成 SVG 等值线图。随后，我的目标是将这个 SVG 轮廓叠加到具有特定边界的地图上。我的目的是调整 SVG 的大小以适应这些边界，si...

javascript svg plotly leaflet

回答 1 投票 0

无法将WMS图层添加到R Leaflet

我想用这个wms服务在R中制作传单地图：https://data.geopf.fr/wms-r/wms?VERSION=1.3.0 它在 QGIS 中运行良好，但在 addWMSTiles 中运行不佳。图书馆（传单）层=“ADMINEXPRESS-COG...

r leaflet wms r-leaflet

回答 1 投票 0

使用 leafpm 在闪亮的应用程序中处理多边形编辑

我正在开发一款闪亮的应用程序，它可以让用户使用“leafpm”包在传单地图上交互地绘制多边形，计算森林生物特征，报告它们，并使这些多边形可用...

r shiny leaflet r-sf

回答 1 投票 0

在矩形上绘制传单会引发错误

我在 Angular 应用程序中使用 leaflet + leaflet-draw + @ngx-leaflet + @ngx-leaflet-draw 。我已经尝试了一切，版本更改，导入模块 .forRoot() 而不是，添加 js 文件...

leaflet ngx-leaflet leaflet-draw

回答 4 投票 0

将 shapefile 从 Dropbox URL 读取到 R 中的 Shiny 应用程序中？

我有一个 shapefile 存储在 Dropbox 文件夹中，我想在 Shiny 应用程序中显示它。我可以从 Dropbox 下载 URL 下载 .zip 文件，解压缩该文件，然后读取 .shp 文件...

r shiny leaflet dropbox

回答 1 投票 0

Leaflet geoJson 和 Mysql，如何优化极慢的查询

我需要创建一个geoJson多边形图层，数据位于mysql数据库中，它指的是一个国家的区域。具体来说，我需要计算每个区域中的对象数量。我的地图显示了各个区域

mysql leaflet geojson

回答 1 投票 0

根据更新的坐标平移/将Leaflet地图移动到新位置/单击

我已经很接近这个目标了，但我糟糕的 Javascript 让我失望了。我一直坚持向 Leaflet 地图添加事件侦听器 addListener() 或 on() 来移动地图。在我的非营利性古代网站上...

javascript dictionary leaflet click addeventlistener

回答 1 投票 0

如何使用传单、闪亮的应用程序在地图上显示路径和距离？

我想在闪亮的应用程序中使用传单包显示两个位置之间的距离。我不知道该怎么做。一条线应连接地图上的两点并在其上显示距离。

r shiny leaflet

回答 1 投票 0

如何为沿路线的自定义传单标记设置动画？

我对传单非常陌生，我希望有人可以帮助我。我想做的是在地图上添加两个标记，并让另一个标记沿着路线走。我发现了一些插件...

javascript maps leaflet

回答 2 投票 0

appendContent 不能在 Shiny 渲染调用中使用

leaflet.extras 中的函数 addSearchGoogle 在 Shiny 应用程序中抛出此错误： renderWidget(instance) 中的警告：忽略附加内容；不能在闪亮渲染中使用appendContent

r shiny leaflet htmltools

回答 1 投票 0

带有react-leaflet的平滑滚动

我正在尝试在我的反应传单项目中创建平滑的缩放。我知道这对于原版传单是可行的，如本文中所述，使用 smoothWheelZoom，但知道原版传单不...

javascript reactjs leaflet react-leaflet

回答 1 投票 0

我怎样才能有一个带有按钮的控制层？

我是 javascript 和传单的新手。我有一张传单地图，其中有两个 geotiff 图像，每个图像都在一个带有复选框和两个按钮的图层中表示，一个按钮用于转到 i...

javascript leaflet

回答 1 投票 0

ESRI leaflet featurelayer 渲染存在长时间滞后

我正在从传单上的以下 Web 服务器渲染流程： “https://watersgeo.epa.gov/arcgis/rest/services/NHDPlus_NP21/NHDSnapshot_NP21/MapServer/0”；这是一个复杂的层，我

performance leaflet lag esri-leaflet

回答 1 投票 0

React-leaflet ImageOverlay 在使用 jspdf 导出的 PDF 中不可见

我正在使用react-leaflet v4.2.1。我用它来显示的不是地图而是这样的自定义图像我正在使用 react-leaflet v4.2.1。我用它来显示的不是地图而是这样的自定义图像 <MapContainer center={[height / 2, width / 2]} crs={crs} bounds={bounds} minZoom={-5} zoomControl={false} attributionControl={false} > <HeatmapLayer /> // component created with leaflet.heat <ZoomControl position='bottomleft' /> <ImageOverlay url={url} bounds={bounds} /> </MapContainer> 工作正常。我想将这张地图导出为 pdf 格式。我正在使用 jspdf 库。 const doc = new JsPDF(); const heatmap = document.getElementById('heatmap-report')!; const data = await html2canvas(heatmap); const img = data.toDataURL('image/png'); const imgProperties = doc.getImageProperties(img); const pdfWidth = doc.internal.pageSize.getWidth(); const pdfHeight = (imgProperties.height * pdfWidth) / imgProperties.width; doc.addImage(img, 'PNG', 10, 150, pdfWidth - 10, pdfHeight); doc.save('my-file.pdf'); 问题是它只显示 HeatmapLayer 和 ZoomControl，而 ImageOverlay 不可见。我还尝试使用 use-react-screenshot 库，它也只显示 HeatmapLayer 和 ZoomControl。我必须将这个 ImageOverlay 与 HeatmapLayer 一起导出，就像用户在屏幕上看到的那样（因此包括缩放位置等），所以我需要使用传单。你有什么想法我该怎么做吗？我找到了解决问题的方法。我将 base64 而不是 url 作为 url prop 传递给 ImageOverlay 组件。 // before <ImageOverlay url={url} bounds={bounds} /> // now <ImageOverlay url={base64} bounds={bounds} /> 我认为这可能与CORS有关。

reactjs leaflet jspdf react-leaflet export-to-pdf

回答 1 投票 0

在原生Web组件中使用传单

我正在尝试在网络组件内使用传单。这是我的代码。我已将标准示例复制粘贴到传单网站上，但给它一个 HTMLElement 而不是 id 字符串。类 InfoWithMap

javascript leaflet web-component

回答 1 投票 0

Chrome 正在阻止第三方 cookie；要求我设置 Same Site 属性 = None 和 Secure，但没有指定如何或在哪里？

这是我使用 Leaflet.js 热图收到的消息，我看不到我的圆圈标记，我相信这很可能是问题所在。因为 cookie 的 SameSite 属性未设置或已设置

javascript google-chrome cookies leaflet

回答 1 投票 0

Leaflet.js map.panTo() 不是函数，在控制台中完美运行

我正在构建一个项目，该项目使用 Ipify 定位 IP 地址，并使用 VITE 定位 Leaflet API。我无法让地图功能（例如 panTo、flyTo 等）工作，所以我开始了一个完全干净的专业版...