- 综合排序
- 最热优先
- 最新优先
- 来自专栏Leaflet
端午屈夫子祭-基于LeafLet的夫子一生时空轨迹纵览
以全新的一种视角去观察屈夫子的一生，基于LeafLet结合时间轴，完成时间与空间的时空纵览。最后祝所有的伙伴们端午安康，阖家幸福。 我们形成以下的四维导图： 二、时空轨迹界面设计1、界面设计为了从时间和空间两个角度来综合展示屈原夫子一生的轨迹，我们将整个展示界面分为四个部分。标题栏：这里直接以大标题的形式展示界面信息。 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? 以全新的一种视角去观察屈夫子的一生，基于<em>LeafLet</em>结合时间轴，完成时间与空间的<em>时空</em>纵览。最后祝所有的伙伴们端午安康，阖家幸福。
8810编辑于 2026-05-05 - 来自专栏数据小魔方
动态地理信息可视化——leaflet填充地图
这一篇是leaflet动态地图的第四篇，也是最值得推荐的一篇，这一篇涉及到热力地图填充，通过该篇内容，大家可以体会大leaflet在线地图的R借口在处理热力地图上面颜色标度映射的强大优势。 加载包： library(plyr) library(maps) library(mapdata) library(leaflet) library(stringi) library(maptools) 肯定会有小伙伴儿会问，既然leaflet本身就是在线地图，为啥还要费事儿加载shp地图素材就进行映射，因为leaflet在线地图提供的地图底图本身具有多级缩放特性，每一缩放级别都有对应的行政区划界线，但是这些参数和行政区划是封装在底层的 （只有热力填充地图需要定义区域界线，而点图和线图都可以直接利用leaflet本身的地图素材，因为只需要坐标点位置即可）。 以下是三种格式素材导入并在leaflet中制作的地图的基本代码： maps包: mapStates<-map("state",fill=TRUE,plot=FALSE) leaflet(mapStates
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，批量提取照片中的坐标 照片中的地理坐标记录在 百度地图的点坐标可视化 坐标多的话就是密密麻麻的红点。 var markers = { beijing: {lat:39.886426, lon: 116.404762, zoom: 6}, tianjin: {lat:39.134594, 也可以继续探索更多的Leaflet插件。 ：地图上的故事,Leaflet插件
2.9K30发布于 2019-09-29 - 来自专栏数据小魔方
动态地理信息可视化——leaflet在线地图简介
最近稍微涉猎了一下leaflet这个包，突然感到发现了动态可视化的新大门，这个包所提供的地图类型、动态效果、图层展示方式都大大扩展了ggplot作图系统的在数据地图上的缺陷。 leaflet是业界比较流行的JS开源交互式地图包，它支持直接调用OpenStreetMap, Mapbox, and CartoDB等主流地图数据作为辅助图层来进行地理信息数据的可视化操作。 除了这些在线地图素材之外，它对于shapefile格式和json格式以及sp包的空间数据格式的地图数据都有着很好的支持，在图层函数中涵盖了点标记、线条和多边形等常用地理信息可视化图形要素。 （其实相当于对数值型变量进行划组，生成有序的因子组，然后以分段因子变量的形式进行颜色映射，但是这个过程在leaflet函数中是自动化完成的，无需我们手工生成新变量，这一点儿是leaflet函数相对于ggplot 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热力图的形式实时渲染，让用户一眼看清城市脉动。 而加入时间维度后，热力图从静态快照升级为时空纪录片，这才是真正有价值的城市数据叙事。 导出范围可选当前帧或全部24帧时间轴数据，可直接用于后续数据分析或二次可视化。 数据生成 → 可视化 → 分析 → 导出，形成了完整的数据消费链路。
13710编辑于 2026-04-30- 来自专栏数据森麟
用可视化地图讲照片的故事(Python+Leaflet)
查看照片的Exif属性信 本文主要做的：批量提照片中的坐标->可视化照片位置->制作游历故事地图 所用到的工具： Python和exifread库 Leaflet和两个插件 1，批量提取照片中的坐标 百度地图的点坐标可视化 坐标多的话就是密密麻麻的红点。 var markers = { beijing: {lat:39.886426, lon: 116.404762, zoom: 6}, tianjin: {lat:39.134594, 也可以继续探索更多的Leaflet插件。 ：地图上的故事,Leaflet插件
2.6K20发布于 2019-09-27 - 来自专栏数据小魔方
动态地理信息可视化——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 - 来自专栏新零售项目实践
洞见供应链 | 基于 React + Leaflet 的仓库与物流轨迹可视化实战
：import'leaflet/dist/leaflet.css';2.2基础地图组件import{MapContainer,TileLayer}from'react-leaflet';import'leaflet 地图容器，相当于一张画布center：初始中心点（经纬度）zoom：缩放级别（供应链常用4～6看全国）TileLayer：底图图层，这里使用OpenStreetMap三、仓库网点可视化3.1数据结构示例 functionTrackLayer({path}){return(<Polylinepositions={path}pathOptions={{color:'#1890ff',weight:4,dashArray:'6' ，完整讲解了如何使用React+Leaflet实现仓库网点与物流轨迹的可视化落地方案。 你可以获得的收益：掌握Leaflet在React中的工程化用法能独立设计供应链地理信息可视化模块理解海量点位与轨迹的性能优化思路为后续大屏可视化、实时调度打下基础地图不只是“好看”，它是供应链中连接库存
2130编辑于 2026-05-09 - 来自专栏Leaflet
基于Leaflet的乡镇行政区划在WebGIS中的可视化工具实践
比如关于Leafletjs的二维WebGIS系统开发、如何在LeafLet上叠加影像地图、Leaflet如何限制地图的拖动范围、空间矢量数据如何导入PostGIS数据库、MybatisPlus中操作Geometry 字段信息、LeafLet中展示GeoJSON数据。 主要采用的技术如下：序号技术点说明1Leaflet.jsWebGIS 地图展示组件2leaflet-sidebar.js基于Leaflet的侧边栏展示组件3thymeleaf前端模板引擎4bootstrap 前端bootstrap组件库5bootstrap-table基于bootstrap的表格组件库6jqueryDom操作和Ajax的操作库 后端技术栈：后端是经过改造的Ruoyi单体框架，主要改造点是完全的兼容 2Mybatis-plus操作数据库的ORM框架3flywaydb自动管理数据组件4postgis-jdbcpostgis数据库支持驱动5spring-boot-adminspringboot监控组件6shiroshiro
11110编辑于 2026-04-30 - 来自专栏DT数据侠
数据点亮城市：如何玩转时空地理数据可视化
日常出行离不开地图导航，你有没有想过结合地图能做出哪些炫酷的可视化作品？ 6月22日的数据侠公开课中，来自城市数据团培训教育部的负责人胡颖分享了城市空间数据可视化作品，来看看她是如何从城市设计的视角转变到用数据去理解城市物理空间的？ 原来世界上有很多“成型的”可视化工具，掌握各种技能可以做出更多类型的可视化。 在城市数据团主要做一些原创的城市研究的阶段，做城市数据可视化有了不同的方式。 总结一下，数据可视化最重要的不是技术，更重要的是创意、数据、经验方面的东西。 ▍城市数据可视化的几种类型 接下来要讲的是城市数据可视化的几种类型。那么到底什么是城市数据呢？ ▍避免对数据可视化的误解 大众其实对于数据可视化是有一些误解的，比如认为有了数据就可以搞个大新闻，或者可以用数据去发现新的东西，但其实数据可视化有时是将大家已有的认知去进行量化的过程，这就要求数据工作者需要耐心
1.1K00发布于 2018-08-08 - 来自专栏庄闪闪的R语言手册
如何绘制省市级地图？
具体推文可见： Leaflet 与高德合并会擦出怎么样的火花？ Leaflet 与高德继续碰撞火花！ 空间地理数据可视化之 mapview 包 空间地理数据可视化之 leaflet 包及其拓展 空间地理数据可视化之 tmap 包及其拓展 空间地理数据可视化之 ggplot2 包及其拓展 空间地理数据可视化之前言 下面推文主要以浙江省、温州市为例，使用 leaflet 包绘制省/市级地图。 绘制省级地图 首先，使用 regionNames()导入浙江省各市的名字。 = full_join(dat,data[,c(1,8)]) data2 = data1[,-2] map = leafletGeo("温州市", data2) #涂色环节heat.colors(6, 有些市、县发生变化（从县变为区），但 leaflet 包没有及时更新，应该如何处理？ 以上是小编在实际科研中存在的问题，我的“笨”办法是：画图细节不会改？那就用 AI 吧！。
3.3K20编辑于 2022-02-16 - 来自专栏编程微刊
5个常用的canvasjs数据可视化库
1：D3 star:91.5k 官网：https://d3js.org/ GitHub地址：https://github.com/mbostock/d3 一个基于数据操作文档的js数据可视化框架，最流行的可视化库之一 是百度的一个开源的数据可视化工具。 4： Leaflet star:27.8K 官网：https://leafletjs.com/download.html GitHub地址：https://github.com/Leaflet/Leaflet Leaflet 是一个为移动设备设计的交互式地图的开源的 javascript库， 并只有38k，包含了大多数开发者需要的地图特点。 www.highcharts.com.cn/ GitHub地址：https://github.com/highcharts/highcharts 基于SVG的JavaScript 图表框架，兼容 IE6+
52110编辑于 2025-05-19 - 来自专栏数据小魔方
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 - 来自专栏智能算法
Github 上 10 个最流行的数据可视化项目
Chart.js Stars: 18244, Forks: 5670 Chart.js是一个通过元素提供可视化的HTML5库。 Chart.js提倡自身简单灵活，可互动，并支持6种不同的图表类型。 Leaflet Stars: 12822, Forks: 2305 Leaflet 一个JavaScript库，用于创建适合移动设备的互动地图。 它的代码非常小，Leaflet的设计目标是简单，性能和可用性。 如果没有你想要的开箱即用的功能？Leaflet也可以通过插件进行扩展。 4. 6. Sigma.js Stars: 5757, Forks: 851 Sigma 一个专注于图形绘制的JavaScript库。 Vega Stars: 3896, Forks: 389 Vega是一种可视化语法。 Vega以声明性格式提供了创建和保存交互式可视化设计的方式。 数据可视化以JSON格式描述。
6.1K60发布于 2018-04-02 - 来自专栏编程微刊
5个常用的canvasjs数据可视化库
1：D3 star:91.5k 官网：https://d3js.org/ GitHub地址：https://github.com/mbostock/d3 一个基于数据操作文档的js数据可视化框架，最流行的可视化库之一 是百度的一个开源的数据可视化工具。 ? 4： Leaflet star:27.8K 官网：https://leafletjs.com/download.html GitHub地址：https://github.com/Leaflet/Leaflet Leaflet 是一个为移动设备设计的交互式地图的开源的 javascript库， 并只有38k，包含了大多数开发者需要的地图特点。 www.highcharts.com.cn/ GitHub地址：https://github.com/highcharts/highcharts 基于SVG的JavaScript 图表框架，兼容 IE6+
1.9K20发布于 2020-05-18 - 来自专栏编程微刊
canvas数据可视化工具库汇总
6：g6 star:6.7K 网站地址:https://antv.alipay.com/zh-cn/g6/3.x/index.html GitHub:https://github.com/antvis/ g6 G6 是一个简单、易用、完备的图可视化引擎，它在高定制能力的基础上，提供了一系列设计优雅、便于使用的图可视化解决方案。 是百度的一个开源的数据可视化工具。 8：Leaflet star:28.6K 官网：https://leafletjs.com/download.html GitHub地址：https://github.com/Leaflet/Leaflet Leaflet 是一个为移动设备设计的交互式地图的开源的 javascript库， 并只有38k，包含了大多数开发者需要的地图特点。
2.4K41发布于 2020-10-26 - 来自专栏数据小魔方
Leaflet在线地图进阶宝典——json素材操纵与图层面板控制
想要很好的理解本文，你需先对leaflet系统基础语法有所掌握（其实可视化的图层语法都大同小异，leaflet属于JavaScript语言打造的在线地图库，同D3、plotly、Rcharts以及Highcharts 但如果你在看本文之前已经看过我的前期四篇leaflet入门篇： 动态地理信息可视化——leaflet在线地图简介 动态地理信息可视化——散点地图系列 动态地理信息可视化——leaflet构造路径图 动态地理信息可视化——leaflet填充地图 那么本文理解起来就容易多了，仅仅是温故知新罢了！ 当然如果你学有余力的话，你也可以顺便把百度的Echarts系统地图接口也学习一下： R语言可视化——REmap动态地图 R语言可视化——REmap(路径图) R语言可视化——REmapC(填充地图) R语言可视化——REmapH(中心热度图) 如果你能熟练掌握以上两套在线地图语法，那么制作此类可视化项目至少在技术角度上来说已经没有任何门槛。
3.5K30发布于 2018-04-11 - 来自专栏数据小魔方
使用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 - 来自专栏数据小魔方
leaflet在线地图进阶宝典之——高级辅助特性
本文跟大家分享leaflet在线地图的高级附加属性，这些属性通常来讲仅仅作为我们数据额可视化项目的修饰元素，而并不会影响数据元素。 但是有了这些辅助修饰元素，往往可以使你的数据可视化项目变得更具人性化。 本文内容根据leaflet的官方主页（R语言接口）翻译而来： 附加属性： 测度工具：Leaflet Measure ###增加该工具可以轻而易举的让你在可视化地图中通过鼠标打点，测量两点之间的距离， ---- 测度工具：Leaflet Measure library(leaflet) m<-leaflet()%>%addTiles() m %>%fitBounds(-73.9,40.75,-73.95,40.8 网格线：Graticule leaflet() %>% addTiles() %>% setView(0,0,2) %>% addGraticule() ?
3.2K40发布于 2018-04-11
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号