leaflet 相关问题

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

Angular 属性不存在:在 Ionic 7 Angular 18 应用程序中使用 leaflet 和 leaflet-gpx

我正在尝试使用 Leaflet 的 GPX 插件将传单上的 GPX 文件显示到我的 Ionic Angular 应用程序中。在 VS Code 中,一切看起来都很好,但是当我运行 Ionic Serve 时,出现以下错误...

回答 1 投票 0

可以删除带有图像的传单链接

我使用传单指令来使用传单创建地图。 是否可以从地图上删除传单链接和 OSM 版权。 我想改为放入传单图片。

回答 5 投票 0

平滑传单中的海拔图

我正在使用 Leaflet + leaflet-elevation.js 开发这张地图。 在页面底部,它正确显示了图形,但看起来 GPX 文件中的每个点都有一个点。 难道是……

回答 1 投票 0

合并并绘制多个等时线

我喜欢做什么 我喜欢在地图上的多个位置绘制等时线,这样我就可以直观地找到从任意城镇到最近位置的旅行时间。它应该看起来像一个内核巢穴......

回答 3 投票 0

Vue2-leaflet:在点击事件上为标记添加动画效果

想知道是否可以在单击事件上向标记添加动画效果,并在用户单击其他位置后删除该效果。

回答 1 投票 0

制作传单离线地图(使用本地地图图块)但什么也没有显示

它正在像这样的传单在线地图上工作 从“传单”导入 L; 导出默认值{ 安装(){ var map = L.map('地图').setView([25.042474, 121.513729], 13); L.tileLayer('https://{s}...</desc> <question vote="0"> <p>它正在像这样的传单在线地图上工作</p> <pre><code>&lt;script&gt; import L from &#39;leaflet&#39;; export default { mounted() { var map = L.map(&#39;map&#39;).setView([25.042474, 121.513729], 13); L.tileLayer(&#39;https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png&#39;, { maxZoom: 13, minZoom:2 }).addTo(map); }, }; &lt;/script&gt; </code></pre> <p>当我尝试在本地制作地图图块时,html 上什么也没有显示 (使用MobileAtlasCreator制作地图图块)</p> <pre><code>&lt;script&gt; import L from &#39;leaflet&#39;; export default { mounted() { var map = L.map(&#39;map&#39;).setView([25.042474, 121.513729], 13); L.tileLayer(&#39;./img/mapTiles/{z}/{x}/{y}.png&#39;, { maxZoom: 13, minZoom:2 }).addTo(map); }, }; &lt;/script&gt; </code></pre> <p>这是我下面的参考</p> <p><a href="https://stackoverflow.com/questions/43608919/html-offline-map-with-local-tiles-via-leaflet">通过 Leaflet 提供带有本地图块的 HTML 离线地图</a></p> <p><a href="https://www.youtube.com/watch?v=oP4bCLtXIeY" rel="nofollow noreferrer">https://www.youtube.com/watch?v=oP4bCLtXIeY</a></p> <p>非常感谢</p> </question> <answer tick="false" vote="0"> <p>由于您计划在本地环境中工作(或之后使用它),我将从代码中取出导入片段。它已经安装好了,我明白了;但下载完这些图块后,只需在本地工作即可。 将它们放在一个文件夹中,然后使用您拥有的代码加载它们。 你的代码没问题! 这是我的例子:</p> <pre><code> var m = {x: 41.892594, y: 12.484371}; var SELF_Map = L.tileLayer(&#39;empire/{z}/{x}/{y}.jpg&#39;, { //attribution: &#39;none&#39;, continuousWorld: false, minZoom: 4, maxZoom: 10, tap: false }).addTo(map); map.setView({lat: m.x, lng: m.y}, 6); </code></pre> <p>每次都对我有用。我从我最喜欢的地图提供商那里获取图像,下载它们并将它们存储在一个文件夹中,在本例中是一个名为“empire”的文件夹。</p> </answer> <answer tick="false" vote="0"> <p>尝试这个方法:</p> <pre><code> const tileLayer = new L.tileLayer.offline( &#39;https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png&#39;, { attribution: &#39;&amp;copy; &lt;a href=&#34;https://www.openstreetmap.org/copyright&#34;&gt;OpenStreetMap&lt;/a&gt;&#39;, minZoom: 5, maxZoom: 20, crossOrigin: true, }, localforage ); tileLayer.addTo(map); </code></pre> </answer> </body></html>

回答 0 投票 0

循环 pandas 数据框以创建单独的 Folium 地图

我有一个 pandas 数据框,如下所示: 将 pandas 导入为 pd d = {'用户': ['彼得', '彼得', '彼得', '彼得', '大卫', '大卫', '大卫', '艾玛', '乔伊斯', '乔伊斯', '乔伊斯'], '日期': ['2019-0...

回答 2 投票 0

判断一个点是否在边界内

我正在尝试解决有关点和边界的问题。 我的问题: 我设置了一个地图,用户可以点击来固定标记,每当用户固定标记时,我都会发送该标记 LatLng 服务器来检查...

回答 1 投票 0

Leaflet.js 与 googletilelayer 是否合法?

我们正在建立旅游网站,我们计划大量使用Maps API。由于每 1000 个请求的价格很高,因此我们正在研究更便宜的选择。然而我注意到关于

回答 1 投票 0

将标记悬停在传单中

我想问是否可以悬停而不点击传单地图中的标记 这是我的代码 传单.js var map = L.map( '地图', { 中心:[20.0,5.0], 最大缩放:16, 最小缩放:2, ...

回答 4 投票 0

改变 R Leaflet 中的标签颜色

我有一个带有二进制变量和 xy 坐标的数据框。我可以使用 Leaflet 映射数据并改变每个变量的标记颜色,但我想知道是否也可以改变标签 c...

回答 1 投票 0

触发点击传单标记

我在地图上有一堆传单标记。每个标记都保存在标记数组中。标记是动态创建的(在 ajax 调用期间)。 var 标记 = []; 。 。 var 标记 = L.marker([mar.lat,...

回答 1 投票 0

当可见容器区域发生变化时,如何保持传单地图的可见区域?

我正在展示一张传单地图。在某些时候,我知道地图容器中地图可见区域的纬度边界。 如果用户调整容器的大小,我想平移/缩放,以便......

回答 1 投票 0

如何知道`leafletProxy`何时完成渲染更新的地图?

对于普通的传单地图,我们可以使用 htmlwidgets::onRender() 以便在地图完成渲染时执行操作。 当使用 leafletProxy() 更新地图时,有什么办法知道什么时候......

回答 1 投票 0

如何仅在单击按钮时运行react-leaflet hook

我正在尝试在反应传单地图上实现一些简单的移动控制,以允许在按下按钮后“飞行”到一组预定义的坐标。 我知道 Map 实例

回答 1 投票 0

如何让openStreetMap不显示城市名称

我有这个需要地图的应用程序,我想将其转移到使用免费地图(而不是使用谷歌地图)。但我需要它不显示城市名称。 我也希望它易于实施和工作

回答 1 投票 0

leaflet() 空几何错误不知道如何从类 XY、GEOMETRYCOLLECTION、sfg 的对象获取多边形数据

我在 R 中使用 leaflet 包,并且遇到了这个错误(在标题中),需要一些时间才能找到。我找不到发布的确切错误或解决方案,所以我发布。 我用的是形状...

回答 1 投票 0

如何在 flutter 上获得不同的地图类型

我正在使用 fluttermaps 来显示基本的 osm(开放街道地图)图层。它有效,但我正在尝试添加更多选项。有谁有关于去哪里的建议吗? 到目前为止我已经有了这个并且它的工作...

回答 1 投票 0

如何在传单中选择底层

如何在传单中选择底层?

回答 2 投票 0

未捕获的类型错误:this._map 为 null(Vue.js 3,Leaflet)

我在 Vue.js 项目(版本 3)中的 Leaflet 中收到一个奇怪的错误。 如果我关闭弹出窗口并放大/缩小,Firefox 上会出现此错误: 未捕获的类型错误:this._map 为 null 在 Chrome 上: ...

回答 3 投票 0

最新问题
© www.soinside.com 2019 - 2024. All rights reserved.