leaflet相关内容

传单在使用geoJson时交换坐标

我有一个很小的Leaflet应用程序,该应用程序从服务器获取geoJson对象并显示它,特别是LineString.我在服务器端使用的JSON解析器正常工作.而且客户端脚本也可以. 但是出于某些原因,我想在路线上绘制箭头,并且在使用L.geoJson()时无法弄清楚该如何做. 带有L.geoJson()的代码: getJsonFrom(routeQueryURL, para ..
发布时间:2020-04-30 09:08:44 前端开发

R-传单-Highcharter工具提示

我想在leaflet弹出窗口中包含一个highcharter图.在此帖子的帮助下,我可以包含sparkline图.但是,由于我缺乏html技能,因此我不知道如何修改代码以与highcharter一起使用. 关于SO的答案(library(leaflet) library(tidyverse) library(htmlwidgets) library(htmltools) library(spark ..
发布时间:2020-04-30 09:08:42 其他开发

放大传单地图时获取标记列表

我是新来的传单. 我已经按照以下步骤设置了地图 https://github.com/Asymmetrik/ngx-leaflet 我正在尝试在地图的放大区域中获取标记列表,该标记可用于使对象聚焦.我该如何在Angular 4中使用ngx-leaflet? 解决方案 首先,在(leafletMapReady)上设置处理程序,以便获得对地图的引用.在onMapReady中,您可以将对地 ..
发布时间:2020-04-30 09:08:39 其他开发

r热图-stat_density2d(ggmap)与addHeatmap(闪亮的传单)

我用library(ggmap)和stat_density2d()函数制作了静态热图.希望在动态leaflet地图上的闪亮应用程序中重新创建它,我找到了addHeatmap().但是,生成的图像并不相似,其中ggmap版本似乎提供了正确的结果. GGMAP 叶 造成这种差异的原因是什么? 要运行以下两个可重现的示例,您可以下载我放在此处的一些数据(csv文件). https ..
发布时间:2020-04-30 09:08:37 其他开发

Mapbox.js-在要求的缩放级别中缺失时,较低缩放级别的后备图块图像

我从磁盘上提供地图png文件,并且在缩放级别15中具有整个城市的图块png.我在缩放级别16-18中也具有图块,但仅适用于某些区域. 我想设置图块图层,以便当用户处于缩放级别18时,地图将显示级别15的缩放图块作为后备. 我尝试设置选项maxNativeZoom,但对我不起作用. 这是我的代码: offlineLayer = L.mapbox.tileLayer(tileJ ..
发布时间:2020-04-30 09:08:33 其他开发

基于内部图标的传单簇颜色

我在leaflet.js地图上有一些图钉,这些图钉是由它们所代表的对象的状态确定的.例如,在线和离线用户-在线为绿色,离线为红色.为此,我向divIcon添加了一个类,然后使用CSS控制图像. 我现在已将标记聚类添加到地图中.我要做的是根据群集中状态的多数来确定群集的颜色.我的第一个想法是做这样的事情: this.markers = L.markerClusterGroup({ ..
发布时间:2020-04-30 09:08:29 前端开发

显示离线OSM映射文件.建议:带有Js.library的MB Tiles文件

当无法在线访问Internet时,我希望(离线)HTML5应用通过OSM文件显示OSM映射. 您能否举一个例子,说明如何在脱机的Html5应用程序OSM磁贴中显示,这些磁贴是从诸如Mapsforge/Geofabrik等脱机OSM映射文件加载的? 示例:通过openstreetmap.org,我首先导出了地图的一小部分.如何在Html5脱机网络应用程序中显示此下载的OSM映射. ..
发布时间:2020-04-30 09:08:23 前端开发

单击时填充传单弹出窗口

我目前在传单地图上放置带有弹出标记的标记,如下所示: L.marker([33.767675,-84.537291],{icon:orangeIcon}).addTo(map).bindPopup(“弹出窗口的一堆动态html内容"); 我有很多标记,其中包含很多弹出内容,因此,为了加快地图渲染/页面加载的速度,我想使用基于URL的内容填充实际的弹出窗口,但仅限于单击该标记时. ..
发布时间:2020-04-30 09:08:19 其他开发

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

我一直是Angular 1.x的长期用户,现在我正在使用Angular 4制作新的应用程序.我仍然不掌握大多数概念,但是最终我有了一些非常不错的东西.但是,我遇到一个问题,我需要在使用Leaflet的标记弹出窗口中显示Angular 4组件(尽管在1.x中我只是使用指令). 现在,在Angular 1.x中,我可以对带有内部指令(`{{ text }} ..
发布时间:2020-04-30 09:08:16 其他开发

如何旋转leaflet.js地图

我正在尝试将地图(或tileLayer)旋转x度.我的研究没有得出任何并非真正的骇客结果,而对我而言则行不通. 是否存在本机leaflet.js旋转地图的方式? (css旋转不会影响鼠标的移动) 解决方案 很抱歉,无法原生旋转Leaflet贴图.您将需要这些丑陋的技巧之一,或者从Leaflet切换开来,看看Mapbox GL JS或Open Layers 3: http: ..
发布时间:2020-04-30 09:08:12 前端开发

使用Leaflet/Shiny选择和取消选择多个多边形时更改样式

在我正在处理的Leaflet Shiny应用程序中选择和取消选择多边形时,在更改多边形样式时遇到一些问题.在我当前的应用程序中,当您单击某个多边形时,该多边形将以不同的颜色突出显示.理想情况下,我希望用户能够选择并突出显示多个多边形.我还希望用户能够重新单击单个突出显示的多边形以取消选择它. 我能管理的最好的办法是选择多个多边形,为它们提供相同的“选定"组ID,然后在重新单击多边形时取消选择 ..
发布时间:2020-04-30 09:08:10 其他开发

将Leaflet映射合并到R中的manifest.js演示文稿中

我正在尝试将带有磁贴的Leaflet地图添加到在R中创建的Revealjs_presentation中.此地图可以以ioslide或html格式很好地呈现,但不能采用Revealjs_presentation格式呈现(主要问题:所有字体都太大了,并且该地图选中时,在多边形边界周围有奇异的伪像).因为地图可以在其他输出格式下很好地工作,所以我怀疑问题与Revealjs_presentation和Le ..
发布时间:2020-04-30 09:08:07 其他开发

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

尝试在Angular 6组件中使用Leaflet.根据css文件的链接方式,地图显示为"ok"或被弄乱了,其中缺少的图块顺序不正确,这意味着没有考虑css. 我设法使其与2种解决方案一起使用,这些解决方案将css链接到应用程序级别(全局),但绝不仅限于组件.这是我尝试的方法(除了阅读有关css/leaflet/Angular的几篇文章): 工作-全局级别: // styles.c ..
发布时间:2020-04-30 09:08:05 前端开发

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

我正在努力清除地图中的所有折线,我只清除了最新的折线. var polylines; // add map polylines function addPolyline(polyArray, colour) { polylines = L.polyline(polyArray, {color: colour}); polylines.addTo(map); } // cl ..
发布时间:2020-04-30 09:08:03 前端开发

leaflet.js禁用重复的世界地图

我们需要在主世界地图的左侧和右侧禁用重复的世界地图,默认情况下显示. 问题是我们需要在那里精确的缩放级别,有时需要传单显示重复的内容... 可以完全删除重复项吗? 解决方案 您将禁用TiledLayer的noWrap属性(扩展了GridLayer).文档此处 var layer = new L.tileLayer("http://{s}.tile.openstreetmap.org/ ..
发布时间:2020-04-30 09:07:59 其他开发

Leaflet.js fitBounds是否带有填充?

我正在尝试在传单地图中设置fitBounds选项,如下所示: var bounds = new L.LatLngBounds([[Math.max(lat, borneLat), Math.max(lng, borneLng)], [Math.min(lat, borneLat), Math.min(lng, borneLng)]]); map.fitBounds(bounds, { pad ..
发布时间:2020-04-30 09:07:55 其他开发

如何使用ngx-leaflet(角度方式)创建矢量图块地图?

有没有好的推荐的支持角度的6+库,可以用来完成以下任务? 我正在使用 ngx-leaflet 作为地图. 我希望使用矢量而不是栅格创建地图. 我知道Leaflet默认不支持矢量图块,但是,您可以通过 mapbox-gl-leaflet 插件. 有人可以推荐我一种方法或适当的库以使用angular 6+来完成此任务吗? 解决方案 您可以使用 Leaflet.VectorGrid插 ..
发布时间:2020-04-30 09:07:53 其他开发