leaflet相关内容

如何通过缓存制作离线地图(使用传单OSM)?

我正在尝试通过浏览器中的缓存(IndexedDB)制作离线地图.我了解这个概念是在连接到互联网后首先下载并存储地图图块. 然后,我必须在逻辑上离线加载磁贴. 但是,我无法弄清楚. 如何存储它们以及如何逻辑上再次加载它们?我被困在这里.我在地图上使用leaflet API.如何实现? 解决方案 在以下位置查看我对此的广泛研究: 存储离线Web应用程序的图像数据(客户端 ..
发布时间:2020-04-30 09:05:47 其他开发

Leaflet.js将地图置于一组标记的中心

我正在使用Leaflet.js,并希望通过某种方式将地图放在我拥有的标记上居中,以便在页面启动时所有内容都位于用户视图内.如果所有标记都聚集在一个较小的区域中,那么我希望地图缩小到仍显示所有标记的级别. 我知道google maps具有自动居中功能,但是我如何用Leaflet.js做到这一点? 解决方案 您可以使用 L.LatLngBounds 来创建一个要缩放的区域. 首先, ..
发布时间:2020-04-30 09:05:43 其他开发

传单更改标记颜色

有没有一种方法可以随机更改本机Leaflet中的标记颜色?我正在使用可以设置样式的svg元素. 我知道mapbox.js可以实现 编辑: 阐明我打算做什么:如果您通过双击或其他方式将标记添加到地图,则该标记应具有随机的颜色.为此,我想使用svg图标作为标记的样式. 这是我的代码: myIcon = L.icon({ iconUrl: "icon_33997.svg", i ..
发布时间:2020-04-30 09:05:41 其他开发

Mapbox磁贴和Leaflet.js

我正在尝试在地图上加载一些其他平铺图层,但我不太清楚.我目前拥有的那些,我只感谢提供了教程但没有说明其他磁贴选项是什么的人.有人可以帮我吗? var mapboxUrl = 'https://api.tiles.mapbox.com/v4/{id}/{z}/{x}/{y}.png?access_token={accessToken}'; var accessToken = 'mySuperS ..
发布时间:2020-04-30 09:05:36 其他开发

结合React和Leaflet的好方法

我正在研究一个将React和Leaflet结合在一起的项目,但是我必须说我在语义上有些困难. 由于大多数内容都是由Leaflet直接管理的,所以我不知道是否将Leaflet映射实例添加为React组件中的状态是否有意义. 使用Leaflet创建标记时存在相同的问题,因为它不返回任何内容,因此我实际上没有任何要渲染的内容.在我看来,逻辑本身是模糊的. 这就是我开始做的.它正在工作, ..
发布时间:2020-04-30 09:05:34 前端开发

传单-将控件放置在div地图之外

我制作了以下应用程序: http://lae2.alwaysdata.net/carte/exppng/ 我想将我的两个控件(leaflet-control-zoom和leaflet-control-layers)放在div映射之外.我想例如在灰色区域内使用它们. 我想知道是否有可能:我在寻找一些技巧,但没有找到任何东西... 如果可以的话,你能帮我吗? 谢谢! 解决 ..
发布时间:2020-04-30 09:05:30 前端开发

第二张传单地图无法正确呈现

我有2个标签,每个标签都有一个传单地图.第一张地图正确呈现,但是第二张地图仅显示一个图块(其余为灰色),并且该地图未居中在正确的区域上.我究竟做错了什么?谢谢. var map = L.map('tab-1').setView([latitude, longitude], 5); L.tileLayer('https://api.tiles.mapbox.com/v4/{id}/{ ..
发布时间:2020-04-30 09:05:26 其他开发

隐藏在视口外部的传单geoJson图层

我有一张传单地图,上面有几层. 只要图层不在视口中,它们就会被隐藏,直到平移完成为止: 带有图层的常规视图: 向右平移,以显示视口外的图层: 停止摇摄: 如上所述,一旦平移停止并且释放了鼠标(手指),这些图层将首先变为可见. 我尝试了以下方法,但没有用 var map = L.map('map',{ bounceAtZoomLimits: false, remo ..
发布时间:2020-04-30 09:05:22 前端开发

R传单正在覆盖层的顶部绘制基础层

我遇到了有关R的传单的问题:当我更改基础层(多边形)时,覆盖层被推到基础层后面.根据我对leafletR帮助文件的阅读,覆盖层的z-index始终应该比基础层高,并且应该位于最顶层. 示例在这里: http://rpubs.com/bvila/overdraw require(acs) require(tigris) require(leaflet) require(tidyverse ..
发布时间:2020-04-30 09:05:15 其他开发

传单:如何在geojson图层上使用自定义标记?

我正在尝试在Leaflet地图上放置geojson,并且在我使用默认的blu标记之前,一切都可以正常工作. 现在,我想使用自定义标记(一个小的.png图标),并且在下面的代码中更改了代码 var my_json; $.getJSON('../Dati/my-geojson.geojson', function(data) { my_json = L.geoJs ..
发布时间:2020-04-30 09:05:12 其他开发

无法在WebView中移动地图

一个活动(MainActivity)调用一个片段(MainPage).该片段旨在打开本地资产Webview文件Map.html.它可以按预期工作,但不能用指尖移动地图.在浏览器中打开Map.html时,此功能可用.但是,左上方的放大缩小点击按钮确实起作用. 是否在Web视图上覆盖了一些东西,以便可以看到但不能滑动? 最初的AppCompatActivity(以支持ActionBar)由 ..
发布时间:2020-04-30 09:05:08 移动开发

宣传单张R闪亮:选择&飞涨

我正在使用具有光泽和传单的工具: 我希望当客户单击vars时(请参见示例NE的UI代码),地图会在纯传单中转到另一个这样的示例视图: L.easyButton( 'NE', function(){ //zoomTo.setView([55, -2], 4); map.setView([46.95, 6.85], 12); }).addTo(m ..
发布时间:2020-04-30 09:05:04 其他开发

R闪亮传单中的点击表未显示

我想得到一张桌子,单击Shiny应用程序中的传单地图上的标记.但是: Warning: Error in ==: comparison (1) is possible only for atomic and list types [No stack trace available] 我一次又一次收到此错误.这是我的代码.我的renderTable()出了点问题. bot ..
发布时间:2020-04-30 09:05:00 其他开发

R中的传单中的聚类标记的聚合加权线串

我正在尝试绘制位置和加权的连接线串.当我放大或缩小时,标记的聚类调整得很好.群集的所示标签是标记的聚集node_val. 我想对线串做类似的操作,这样 该图未显示连接单个标记的蓝线,而是连接了标记簇的线,并且 连接标记簇的新线串的宽度取决于wgt变量. 我希望下面的代码能够演示该问题: library(dplyr) library(leaflet) library(sf) ..
发布时间:2020-04-30 09:04:58 其他开发