- 综合排序
- 最热优先
- 最新优先
- 来自专栏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>纵览。最后祝所有的伙伴们端午安康，阖家幸福。
8910编辑于 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，批量提取照片中的坐标 照片中的地理坐标记录在 百度地图的点坐标可视化 坐标多的话就是密密麻麻的红点。 只是展示坐标不怎么有趣，下面做一个左侧图文描述右侧可视化坐标的效果。 3，游历故事地图 给那些年去过的地方写一个地图游记。示例效果如下： ? 也可以继续探索更多的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帧时间轴数据，可直接用于后续数据分析或二次可视化。 数据生成 → 可视化 → 分析 → 导出，形成了完整的数据消费链路。
13810编辑于 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中的工程化用法能独立设计供应链地理信息可视化模块理解海量点位与轨迹的性能优化思路为后续大屏可视化、实时调度打下基础地图不只是“好看”，它是供应链中连接库存 如果你愿意，我可以帮你继续补全系列文章的甘特图与供应商关系图谱部分，让整个供应链可视化体系更加完整。
3630编辑于 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 WebGIS小功能，最后形成一个GeoJSON的可视化工具。
11210编辑于 2026-04-30 - 来自专栏DT数据侠
数据点亮城市：如何玩转时空地理数据可视化
日常出行离不开地图导航，你有没有想过结合地图能做出哪些炫酷的可视化作品？ 原来世界上有很多“成型的”可视化工具，掌握各种技能可以做出更多类型的可视化。 在城市数据团主要做一些原创的城市研究的阶段，做城市数据可视化有了不同的方式。 做可视化最开始的构思和设计是最重要的，既要能表现数据规律，又要做好设计。举个例子，《钱都去了哪些城市？ 总结一下，数据可视化最重要的不是技术，更重要的是创意、数据、经验方面的东西。 ▍城市数据可视化的几种类型 接下来要讲的是城市数据可视化的几种类型。那么到底什么是城市数据呢？ ▍避免对数据可视化的误解 大众其实对于数据可视化是有一些误解的，比如认为有了数据就可以搞个大新闻，或者可以用数据去发现新的东西，但其实数据可视化有时是将大家已有的认知去进行量化的过程，这就要求数据工作者需要耐心
1.1K00发布于 2018-08-08 - 来自专栏数据小魔方
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在线地图进阶宝典——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 - 来自专栏庄闪闪的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 - 来自专栏数据小魔方
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 - 来自专栏前端专精
地图可视化的艺术：深入比较Mapbox、OpenLayers、Leaflet和Cesium，不同场景下应如何选择地图库
、Leaflet和Cesium 在现代前端开发中，地图应用变得越来越重要，特别是在数据可视化、地理信息系统和移动应用中。 一、总览 特性 Mapbox OpenLayers Leaflet Cesium 功能特点 自定义样式、数据可视化 GIS 支持、可定制 轻量级、用户友好 3D 渲染、高性能 开源与否 非开源 开源 开源 丰富的 API：提供多种功能，如路线规划、地理编码和数据可视化。 3D 地形与动态图层：支持高级可视化效果，如热力图和 3D 地形。 4、安装与基础使用代码 npm install leaflet import 'leaflet/dist/leaflet.css'; import L from 'leaflet'; const map 简单来说，新手可以从leaflet入手；GIS开发使用openlayers会更顺手一些；mapbox适应大多数2D和2.5D场景，可视化效果好，但是不开源；cesium更侧重于3D场景。
3.9K12编辑于 2025-01-22 - 来自专栏编程微刊
5个常用的canvasjs数据可视化库
1：D3 star:91.5k 官网：https://d3js.org/ GitHub地址：https://github.com/mbostock/d3 一个基于数据操作文档的js数据可视化框架，最流行的可视化库之一 echarts.apache.org/zh/index.html GitHub地址：https://github.com/ecomfe/echarts ECharts 是一个使用 JavaScript 实现的开源可视化库 是百度的一个开源的数据可视化工具。 4： Leaflet star:27.8K 官网：https://leafletjs.com/download.html GitHub地址：https://github.com/Leaflet/Leaflet Leaflet 是一个为移动设备设计的交互式地图的开源的 javascript库， 并只有38k，包含了大多数开发者需要的地图特点。
52110编辑于 2025-05-19 - 来自专栏大数据文摘
用R语言进行数据可视化的综合指南（二）
六边形面元划分是一种二元直方图，对大数量级结构的数据集的可视化非常有用。 您可以使用tabplot包中的tableplot功能，快速汇总大量数据 地图可视化 R语言中最新的东西是通过Javascript库来进行数据可视化。 Leaflet是JavaScript开源库中最受欢迎的一个库，用于互动地图。有关它的内容，请参考https://rstudio.github.io/leaflet/。 您可以用下面的代码直接从github安装Leaflet。 devtools::install_github("rstudio/leaflet") 制作上述地图的代码是非常简单的： library(magrittr) library(leaflet) m <-
2.3K110发布于 2018-05-21 - 来自专栏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? 进行GeoServer发布的Wms服务加载过程中遇到的叠加展示问题，以及怎么解决这个叠加问题，让gis服务于专业分析及<em>可视化</em>。
11310编辑于 2026-04-26
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号