- 综合排序
- 最热优先
- 最新优先
- 来自专栏Leaflet
端午屈夫子祭-基于LeafLet的夫子一生时空轨迹纵览
以全新的一种视角去观察屈夫子的一生，基于LeafLet结合时间轴，完成时间与空间的时空纵览。最后祝所有的伙伴们端午安康，阖家幸福。 2、可视化采用组件 Leaflet.js是一个轻量级的二维地图展示的组件，适合进行地图的展示及综合浏览。jquery.js是一个es5的原生开发组件，这里功能较简单，暂不采用vue等新前端框架。 /leaflet.css" /><link rel="stylesheet" href="css/screen.css" /><script src="<em>leaflet</em>/<em>leaflet</em>.js? 500px;overflow-y:auto;font-family:fangsong;padding:5px;}#qytitle {position:absolute;z-index:403;top:<em>10</em>px 以全新的一种视角去观察屈夫子的一生，基于<em>LeafLet</em>结合时间轴，完成时间与空间的<em>时空</em>纵览。最后祝所有的伙伴们端午安康，阖家幸福。
8810编辑于 2026-05-05 - 来自专栏数据小魔方
动态地理信息可视化——leaflet填充地图
这一篇是leaflet动态地图的第四篇，也是最值得推荐的一篇，这一篇涉及到热力地图填充，通过该篇内容，大家可以体会大leaflet在线地图的R借口在处理热力地图上面颜色标度映射的强大优势。 ) %>% addTiles() %>%addPolygons(fillColor=topo.colors(10,alpha =NULL), stroke = FALSE) ? addTiles() %>%addPolygons(fillColor = topo.colors(10, alpha = NULL), stroke = FALSE) ? (American_map)%>%addTiles()%>%addPolygons(popup=~STATE_NAME,fillColor=topo.colors(10,alpha=NULL),stroke 但是过程是自动进行的，而不是像在ggplot中一样不需手动转换） colorBin（单色渐变分组过度): pal<-colorBin("Greens",American_map@data$POP1990,10
5.5K40发布于 2018-04-11 - 来自专栏庄闪闪的R语言手册
空间地理数据可视化之 leaflet 包及其拓展
前言 这一期 R 可视化介绍的是 leaflet 包及其扩展内容，除了《Geospatial Health Data》[1]一书中介绍的关于此包的基本使用方法外，小编还在网上探索了 leaflet 包的其他内容 关于 leaflet 包的更多内容，可进入leaflet官网[3]查看学习。 下面给出一个用 leaflet 包创建的 1974 年北卡罗来纳州婴儿猝死数量的地图的例子。 overlayGroups = c("圈点", "轮廓"), options = layersControlOptions(collapsed = FALSE) ) map 下面分给出底图为高德地图和黑底图的可视化结果 本篇是空间地理数据可视化系列的第四期，主要由 林华师 制作。本系列的宗旨是带你系统学习如何使用 R 对空间地理数据进行可视化。下一期将会继续介绍 mapview 包的使用，敬请期待。
3.5K10发布于 2021-09-14 - 来自专栏蛰虫始航
用可视化地图讲照片的故事(Python+Leaflet)
查看照片的Exif属性信 本文主要做的：批量提照片中的坐标->可视化照片位置->制作游历故事地图 所用到的工具： Python和exifread库 Leaflet和两个插件 1，批量提取照片中的坐标 照片中的地理坐标记录在 百度地图的点坐标可视化 坐标多的话就是密密麻麻的红点。 只是展示坐标不怎么有趣，下面做一个左侧图文描述右侧可视化坐标的效果。 3，游历故事地图 给那些年去过的地方写一个地图游记。示例效果如下： ? 也可以继续探索更多的Leaflet插件。 ：地图上的故事,Leaflet插件
2.9K30发布于 2019-09-29 - 来自专栏数据小魔方
动态地理信息可视化——leaflet在线地图简介
最近稍微涉猎了一下leaflet这个包，突然感到发现了动态可视化的新大门，这个包所提供的地图类型、动态效果、图层展示方式都大大扩展了ggplot作图系统的在数据地图上的缺陷。 leaflet是业界比较流行的JS开源交互式地图包，它支持直接调用OpenStreetMap, Mapbox, and CartoDB等主流地图数据作为辅助图层来进行地理信息数据的可视化操作。 除了这些在线地图素材之外，它对于shapefile格式和json格式以及sp包的空间数据格式的地图数据都有着很好的支持，在图层函数中涵盖了点标记、线条和多边形等常用地理信息可视化图形要素。 province_city <- read.csv("c:/rstudy/chinaprovincecity.csv") province_city$size<-round(runif(34,5,10 leaflet()%>%addProviderTiles("Stamen.Toner") ? leaflet()%>%addProviderTiles("CartoDB.Positron") ?
5.3K40发布于 2018-04-11 CityPulse — AI时空热力可视化平台
城脉 CityPulse — AI时空热力可视化平台参赛作品 | 腾讯位置服务 × CSDN 征文大赛主题：AI赋能 重塑地图智能新体验技术栈：HTML5 + CSS3 + JavaScript + 腾讯位置服务 城脉 CityPulse 由此而生——一款基于腾讯位置服务 JS API GL 的 AI 时空热力可视化平台，将城市级人流、车流、消费热力数据以3D热力图的形式实时渲染，让用户一眼看清城市脉动。 变速 S.pt = setTimeout(pAnim, interval);}四、核心功能演示4.1 时空动画播放点击「播放时空动画」按钮，系统自动以可配置的速率（1x~10x）循环播放24帧热力演变 导出范围可选当前帧或全部24帧时间轴数据，可直接用于后续数据分析或二次可视化。 数据生成 → 可视化 → 分析 → 导出，形成了完整的数据消费链路。
13710编辑于 2026-04-30- 来自专栏数据小魔方
动态地理信息可视化——leaflet构造路径图
根据先前几篇内容的框架，今天介绍leaflet在线地图的第三篇，以线条元素构造的路径图。 library(leaflet) library(dplyr) data<-read.table("D:/R/File/subwayline.txt",header=TRUE,stringsAsFactors 以上我用百度地图的坐标拾取平台采点拾取的背景地铁一号线和五号线的车站地理位置信息，（因为没有现成的数据，只能手工采点，可能不是很准确） 今天要介绍的leaflet类型是线条，也即addPolylines leaflet()%>% addTiles()%>% addPolylines(data=data1,~lon,~lat,color="blue")%>% addPolylines(data=data2 ############################################### 细数也有好几十个，够你玩一阵子了，使用方法仅仅是通过设置图层函数进行调用，然后就可以愉快的在图层上面进行可视化操作了
2.4K50发布于 2018-04-11 - 来自专栏数据森麟
用可视化地图讲照片的故事(Python+Leaflet)
查看照片的Exif属性信 本文主要做的：批量提照片中的坐标->可视化照片位置->制作游历故事地图 所用到的工具： Python和exifread库 Leaflet和两个插件 1，批量提取照片中的坐标 百度地图的点坐标可视化 坐标多的话就是密密麻麻的红点。 只是展示坐标不怎么有趣，下面做一个左侧图文描述右侧可视化坐标的效果。 3，游历故事地图 给那些年去过的地方写一个地图游记。示例效果如下： ? 也可以继续探索更多的Leaflet插件。 ：地图上的故事,Leaflet插件
2.6K20发布于 2019-09-27 - 来自专栏新零售项目实践
洞见供应链 | 基于 React + Leaflet 的仓库与物流轨迹可视化实战
本文将从架构设计到代码实现，再到性能优化，系统性地讲解如何在React电商供应链系统中落地一套可用、可扩展、高性能的地理信息可视化方案。 ：import'leaflet/dist/leaflet.css';2.2基础地图组件import{MapContainer,TileLayer}from'react-leaflet';import'leaflet ，完整讲解了如何使用React+Leaflet实现仓库网点与物流轨迹的可视化落地方案。 你可以获得的收益：掌握Leaflet在React中的工程化用法能独立设计供应链地理信息可视化模块理解海量点位与轨迹的性能优化思路为后续大屏可视化、实时调度打下基础地图不只是“好看”，它是供应链中连接库存 如果你愿意，我可以帮你继续补全系列文章的甘特图与供应商关系图谱部分，让整个供应链可视化体系更加完整。
2130编辑于 2026-05-09 - 来自专栏Leaflet
基于Leaflet的乡镇行政区划在WebGIS中的可视化工具实践
比如关于Leafletjs的二维WebGIS系统开发、如何在LeafLet上叠加影像地图、Leaflet如何限制地图的拖动范围、空间矢量数据如何导入PostGIS数据库、MybatisPlus中操作Geometry 字段信息、LeafLet中展示GeoJSON数据。 本文将采用Leafletjs地图开发组件，围绕GeoJSON的可视化展示，以湖南省乡镇行政区划数据的查询，空间定位作为实践案例，完整讲述一个基础的WebGIS小功能，最后形成一个GeoJSON的可视化工具 主要采用的技术如下：序号技术点说明1Leaflet.jsWebGIS 地图展示组件2leaflet-sidebar.js基于Leaflet的侧边栏展示组件3thymeleaf前端模板引擎4bootstrap /{z}/{x}/{y}.png', {maxZoom: 10,minZoom:1,id: 'mapbox/label',tileSize: 256,zoomOffset: -1}).addTo(mymap
11110编辑于 2026-04-30 - 来自专栏DT数据侠
数据点亮城市：如何玩转时空地理数据可视化
日常出行离不开地图导航，你有没有想过结合地图能做出哪些炫酷的可视化作品？ 原来世界上有很多“成型的”可视化工具，掌握各种技能可以做出更多类型的可视化。 在城市数据团主要做一些原创的城市研究的阶段，做城市数据可视化有了不同的方式。 做可视化最开始的构思和设计是最重要的，既要能表现数据规律，又要做好设计。举个例子，《钱都去了哪些城市？ 总结一下，数据可视化最重要的不是技术，更重要的是创意、数据、经验方面的东西。 ▍城市数据可视化的几种类型 接下来要讲的是城市数据可视化的几种类型。那么到底什么是城市数据呢？ ▍避免对数据可视化的误解 大众其实对于数据可视化是有一些误解的，比如认为有了数据就可以搞个大新闻，或者可以用数据去发现新的东西，但其实数据可视化有时是将大家已有的认知去进行量化的过程，这就要求数据工作者需要耐心
1.1K00发布于 2018-08-08 - 来自专栏数据小魔方
Leaflet在线地图进阶宝典——json素材操纵与图层面板控制
想要很好的理解本文，你需先对leaflet系统基础语法有所掌握（其实可视化的图层语法都大同小异，leaflet属于JavaScript语言打造的在线地图库，同D3、plotly、Rcharts以及Highcharts 但如果你在看本文之前已经看过我的前期四篇leaflet入门篇： 动态地理信息可视化——leaflet在线地图简介 动态地理信息可视化——散点地图系列 动态地理信息可视化——leaflet构造路径图 动态地理信息可视化——leaflet填充地图 那么本文理解起来就容易多了，仅仅是温故知新罢了！ （随机数据） geojson3$features<-lapply(geojson3$features,function(feat){ feat$properties$scale<-runif(1,0,10 = FALSE) data$size<-runif(47,10,25) data$Type<-as.factor(data$Type) data1<-filter(data,Type=="NO1"
3.5K30发布于 2018-04-11 - 来自专栏数据小魔方
leaflet在线地图进阶宝典之——高级辅助特性
本文跟大家分享leaflet在线地图的高级附加属性，这些属性通常来讲仅仅作为我们数据额可视化项目的修饰元素，而并不会影响数据元素。 但是有了这些辅助修饰元素，往往可以使你的数据可视化项目变得更具人性化。 本文内容根据leaflet的官方主页（R语言接口）翻译而来： 附加属性： 测度工具：Leaflet Measure ###增加该工具可以轻而易举的让你在可视化地图中通过鼠标打点，测量两点之间的距离， leaflet() %>% addTiles() %>% setView(0,0,2) %>% addGraticule(interval = 10, style = list(color = "#FF0000 昼夜分界线支持自定义日期和分组功能： leaflet() %>% addTiles() %>% addTerminator( resolution=10, time = "2013
3.2K40发布于 2018-04-11 - 来自专栏数据小魔方
leaflet在线地图之热力密度图
之前在练习leaflet的时候没有找到R语言leaflet中的热力密度图接口函数，一直感觉很遗憾。 最近在Stack Overflow上面发现了leaflet包的一个插件leaflet.esri包，结合leaflet可以在R语言中提供非常完美的热力密度图解决方案，顿时觉得发现了新大陆，立马分享给大家具体的实现思路 如果你还想了解leafelt更为丰富的用法和特性，请参考以下这些分享，期待大家可以将这些在线地图丰富的可视化特性结合shiny容器打造出更具业务价值的数据分析看板和仪表盘，也期待同样喜欢可视化的小伙伴儿可以一起线上线下交流 动态地理信息可视化——leaflet在线地图简介 动态地理信息可视化——散点地图系列 动态地理信息可视化——leaflet构造路径图 动态地理信息可视化——leaflet填充地图 Leaflet在线地图进阶宝典 ——json素材操纵与图层面板控制 leaflet在线地图进阶宝典之——高级辅助特性 leaflet在线地图进阶宝典——高级交互特性 leaflet的小搭档leaflet.minicharts来了，从此动态地图又多了一些乐趣
2.6K20发布于 2018-07-25 - 来自专栏Leaflet
使用LeafLet叠加Geoserver wms图层到已有底图的方法
第三种是面向Java开发人员的，我们可以采用开源的Geoserver路线，把数据使用GeoServer发布成wms服务，再采用Leaflet等webgis可视化组件来进行展示。 本文重点介绍基于LeafLet进行GeoServer发布的Wms服务加载过程中遇到的叠加展示问题，以及怎么解决这个叠加问题，让gis服务于专业分析及可视化。 /leaflet.css" /> <script src="/2d/<em>leaflet</em>/<em>leaflet</em>.js? /<em>leaflet</em>.css" /> <script src="/2d/<em>leaflet</em>/<em>leaflet</em>.js? <em>LeafLet</em>进行GeoServer发布的Wms服务加载过程中遇到的叠加展示问题，以及怎么解决这个叠加问题，让gis服务于专业分析及<em>可视化</em>。
11110编辑于 2026-04-26 - 来自专栏前端专精
地图可视化的艺术：深入比较Mapbox、OpenLayers、Leaflet和Cesium，不同场景下应如何选择地图库
、Leaflet和Cesium 在现代前端开发中，地图应用变得越来越重要，特别是在数据可视化、地理信息系统和移动应用中。 一、总览 特性 Mapbox OpenLayers Leaflet Cesium 功能特点 自定义样式、数据可视化 GIS 支持、可定制 轻量级、用户友好 3D 渲染、高性能 开源与否 非开源 开源 开源 4、安装与基础使用代码 npm install leaflet import 'leaflet/dist/leaflet.css'; import L from 'leaflet'; const map viewer.entities.add({ position: Cesium.Cartesian3.fromDegrees(-75.59777, 40.03883), point: { pixelSize: 10 简单来说，新手可以从leaflet入手；GIS开发使用openlayers会更顺手一些；mapbox适应大多数2D和2.5D场景，可视化效果好，但是不开源；cesium更侧重于3D场景。
3.9K12编辑于 2025-01-22 - 来自专栏相约机器人
可视化流式地理空间数据
在此基础上，想探索可视化数据的选项。决定专注于地理方面，因为它是尝试识别欺诈性交易时的关键组成部分。 这使得信用卡交易的典型数量从890万/小时（基于英国平均每年924万）降至840 /小时（基于平均欺诈率0.08％并假设9/10高风险交易是误报） 作为PoC的一部分，实现了以下层： Three.js（ 使用three.js的2D WebGL热图 Leaflet.heat插件：这可以在不到1秒的时间内下载并渲染超过10K的点数。 但是，渲染10K点需要2-3秒，并且由于每次添加数据点时都不能很好地处理流数据，因此需要刷新图层。将此替换为下面提到的PruneCluster实现。 ? 结论 地理空间可视化数据可以解锁可能会错过的有价值的见解。只需极少的努力和慷慨的开源社区，就可以创建强大的可视化而无需花一分钱！
4.8K21发布于 2019-06-21 - 来自专栏智能算法
Github 上 10 个最流行的数据可视化项目
它旨在将数据带入生活，强调Web标准，将强大的可视化技术与数据驱动的文档对象模型（DOM）操作方法相结合。 D3是Github上最流行的数据可视化项目，在数据科学界有很好的表现。 ? 2. Leaflet Stars: 12822, Forks: 2305 Leaflet 一个JavaScript库，用于创建适合移动设备的互动地图。 它的代码非常小，Leaflet的设计目标是简单，性能和可用性。 如果没有你想要的开箱即用的功能？Leaflet也可以通过插件进行扩展。 4. Epoch 一个用于开发人员和可视化设计师的通用库。 它是通用的，并支持可视化的两个不同方面：用于历史数据报告的基本图表，以及用于显示频繁更新时间序列数据的实时图表。 10. Vega Stars: 3896, Forks: 389 Vega是一种可视化语法。 Vega以声明性格式提供了创建和保存交互式可视化设计的方式。 数据可视化以JSON格式描述。
6.1K60发布于 2018-04-02 - 来自专栏庄闪闪的R语言手册
如何绘制省市级地图？
具体推文可见： Leaflet 与高德合并会擦出怎么样的火花？ Leaflet 与高德继续碰撞火花！ 空间地理数据可视化之 mapview 包 空间地理数据可视化之 leaflet 包及其拓展 空间地理数据可视化之 tmap 包及其拓展 空间地理数据可视化之 ggplot2 包及其拓展 空间地理数据可视化之前言 下面推文主要以浙江省、温州市为例，使用 leaflet 包绘制省/市级地图。 绘制省级地图 首先，使用 regionNames()导入浙江省各市的名字。 library(leaflet) #加载包 library(leafletCN) region = regionNames("浙江") dem_data = runif(length(region)) 有些市、县发生变化（从县变为区），但 leaflet 包没有及时更新，应该如何处理？ 以上是小编在实际科研中存在的问题，我的“笨”办法是：画图细节不会改？那就用 AI 吧！。
3.3K20编辑于 2022-02-16 - 来自专栏数据小魔方
使用Python中的folium包创建热力密度图
folium包基于leaflet在线地图库封装，在R语言中leaflet的接口已经非常完善，如果你对R语言中的leaflet包api接口感兴趣，可以参考这几篇文章。 leaflet地图： 动态地理信息可视化——leaflet在线地图简介 动态地理信息可视化——散点地图系列 动态地理信息可视化——leaflet构造路径图 动态地理信息可视化——leaflet填充地图 Leaflet在线地图进阶宝典——json素材操纵与图层面板控制 leaflet在线地图进阶宝典之——高级辅助特性 leaflet在线地图进阶宝典——高级交互特性 leaflet的小搭档leaflet.minicharts 来了，从此动态地图又多了一些乐趣~~~ folium包支持多种类型的空间可视化形式，今天这一篇仅就其中的热力密度图进行分享。 np.random.randint(100,500,len(address)) data1 = [[lat[i],lon[i],scale[i]] for i in range(len(address))] 输入热力图数据源，并可视化输出
5.8K20发布于 2018-07-25
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号