- 综合排序
- 最热优先
- 最新优先
- 来自专栏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? <em>4</em>location位置信息，desc: "秭归县",geometry: [{type: "Point",coordinates: [110.69762668459,30.9187598961142]}] 以全新的一种视角去观察屈夫子的一生，基于LeafLet结合时间轴，完成时间与空间的时空纵览。最后祝所有的伙伴们端午安康，阖家幸福。
8810编辑于 2026-05-05 - 来自专栏数据小魔方
动态地理信息可视化——leaflet填充地图
这一篇是leaflet动态地图的第四篇，也是最值得推荐的一篇，这一篇涉及到热力地图填充，通过该篇内容，大家可以体会大leaflet在线地图的R借口在处理热力地图上面颜色标度映射的强大优势。 肯定会有小伙伴儿会问，既然leaflet本身就是在线地图，为啥还要费事儿加载shp地图素材就进行映射，因为leaflet在线地图提供的地图底图本身具有多级缩放特性，每一缩放级别都有对应的行政区划界线，但是这些参数和行政区划是封装在底层的 （只有热力填充地图需要定义区域界线，而点图和线图都可以直接利用leaflet本身的地图素材，因为只需要坐标点位置即可）。 以下是三种格式素材导入并在leaflet中制作的地图的基本代码： maps包: mapStates<-map("state",fill=TRUE,plot=FALSE) leaflet(mapStates 离散标度：（这个例子是用在变量本身就是因子变量的情况下，算是分类变量情况下的颜色标度映射） china_map<-readShapePoly("c:/rstudy/bou2_4p.shp") mydata
5.5K40发布于 2018-04-11 - 来自专栏庄闪闪的R语言手册
空间地理数据可视化之 leaflet 包及其拓展
前言 这一期 R 可视化介绍的是 leaflet 包及其扩展内容，除了《Geospatial Health Data》[1]一书中介绍的关于此包的基本使用方法外，小编还在网上探索了 leaflet 包的其他内容 leafletjs.com/examples/custom-icons/leaf-shadow.png", shadowWidth = 50, shadowHeight = 64, shadowAnchorX = 4, ： 显示底图为高德地图 显示底图为黑底图 3.保存图像 对于 leaflet 包生成的图像，如果要保存为 html 文件，可使用 htmlwidgets[4] 包中的 saveWidget() 函数 本篇是空间地理数据可视化系列的第四期，主要由 林华师 制作。本系列的宗旨是带你系统学习如何使用 R 对空间地理数据进行可视化。下一期将会继续介绍 mapview 包的使用，敬请期待。 &spm=1018.2226.3001.4187 [3] leaflet官网: https://leafletjs.com [4] htmlwidgets: https://github.com/ramnathv
3.5K10发布于 2021-09-14 - 来自专栏蛰虫始航
用可视化地图讲照片的故事(Python+Leaflet)
查看照片的Exif属性信 本文主要做的：批量提照片中的坐标->可视化照片位置->制作游历故事地图 所用到的工具： Python和exifread库 Leaflet和两个插件 1，批量提取照片中的坐标 照片中的地理坐标记录在 百度地图的点坐标可视化 坐标多的话就是密密麻麻的红点。 lat:29.763531, lon: 121.898233, zoom: 8}, liuzhou: {lat:24.313703, lon: 109.406884, zoom: 7} }; 4， 也可以继续探索更多的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帧时间轴数据，可直接用于后续数据分析或二次可视化。 ', width: 2 }, itemStyle: { color: '#00d4ff' }, symbol: 'circle', symbolSize: 4 }], tooltip: 数据生成 → 可视化 → 分析 → 导出，形成了完整的数据消费链路。
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，批量提取照片中的坐标 百度地图的点坐标可视化 坐标多的话就是密密麻麻的红点。 lat:29.763531, lon: 121.898233, zoom: 8}, liuzhou: {lat:24.313703, lon: 109.406884, zoom: 7} }; 4， 也可以继续探索更多的Leaflet插件。 ：地图上的故事,Leaflet插件
2.6K20发布于 2019-09-27 - 来自专栏EpiHub
贝叶斯时空模型-INLA-4
贝叶斯地理统计模型R-INLA-4 贝叶斯时空模型 在前述的内容中，我们介绍了，如何处理空间的数据，利用海拔高度预测降雨量的例子。但是该例子仅仅涉及到的是涉及到回归方程中，考虑影响因素及空间效应。 那么如果我们的数据有时间信息，如何加入到贝叶斯时空分析呢。譬如每年对某一个地区进行疾病的发病率调查，10年数据整合在一起，就可以从时间上或空间上看疾病的变化规律，也就会用到贝叶斯时空模型。 下面我们将介绍贝叶斯时空模型。该文章中，会简化数学计算的过程，主要是针对，在有数据的基础上，如何应用贝叶斯时空模型，找出影响因素，绘制时间变化的空间分布预测图。 *3+rnorm(nrow(coords),16,5), year=2012) %>% as.tbl() df=as.data.frame(coords) df4= 2.1 Mesh 下面我们利用时空模型来分析，看看房屋价格随时间变化，在空间的分布规律。
1.5K20编辑于 2022-10-25 - 来自专栏新零售项目实践
洞见供应链 | 基于 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 ，完整讲解了如何使用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 default", "grade" int4, "geom" "public"."
11110编辑于 2026-04-30 - 来自专栏数据小魔方
leaflet在线地图之热力密度图
lang=zh_cn&size=1&scale=1&style=8&x={x}&y={y}&z={z}', options = tileOptions(tileSize=256,minZoom=4, 4、当然腾讯地图的调用也是可以支持的： leaflet(mydata) %>% addTiles( 'http://rt{s}.map.gtimg.com/realtimerender {z}&x={x}&y={y}&type=vector&style=0', options = tileOptions(tms=TRUE, tileSize=256, minZoom=4, 如果你还想了解leafelt更为丰富的用法和特性，请参考以下这些分享，期待大家可以将这些在线地图丰富的可视化特性结合shiny容器打造出更具业务价值的数据分析看板和仪表盘，也期待同样喜欢可视化的小伙伴儿可以一起线上线下交流 动态地理信息可视化——leaflet在线地图简介 动态地理信息可视化——散点地图系列 动态地理信息可视化——leaflet构造路径图 动态地理信息可视化——leaflet填充地图 Leaflet在线地图进阶宝典
2.6K20发布于 2018-07-25 - 来自专栏DT数据侠
数据点亮城市：如何玩转时空地理数据可视化
日常出行离不开地图导航，你有没有想过结合地图能做出哪些炫酷的可视化作品？ 原来世界上有很多“成型的”可视化工具，掌握各种技能可以做出更多类型的可视化。 在城市数据团主要做一些原创的城市研究的阶段，做城市数据可视化有了不同的方式。 做可视化最开始的构思和设计是最重要的，既要能表现数据规律，又要做好设计。举个例子，《钱都去了哪些城市？ 总结一下，数据可视化最重要的不是技术，更重要的是创意、数据、经验方面的东西。 ▍城市数据可视化的几种类型 接下来要讲的是城市数据可视化的几种类型。那么到底什么是城市数据呢？ ▍避免对数据可视化的误解 大众其实对于数据可视化是有一些误解的，比如认为有了数据就可以搞个大新闻，或者可以用数据去发现新的东西，但其实数据可视化有时是将大家已有的认知去进行量化的过程，这就要求数据工作者需要耐心
1.1K00发布于 2018-08-08 - 来自专栏前端专精
地图可视化的艺术：深入比较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 - 来自专栏图形学与OpenGL
实验4 差异可视化
了解差异可视化知识，了解和学习差异可视化中热点图、星图、平行坐标图等常见图表类型； 2. 学习并掌握R中差异可视化绘制相关函数。 二. 实验内容 1.
86020发布于 2018-10-09 - 来自专栏编程微刊
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 - 来自专栏数据小魔方
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 - <script>var map = L.map('mapid').setView([34.669359, 113.642578], 4) zoom - 1);}});var map = L.map('mapid',{crs:L.CRS.CustomEPSG4326}).setView([34.669359, 113.642578], 4) 进行GeoServer发布的Wms服务加载过程中遇到的叠加展示问题，以及怎么解决这个叠加问题，让gis服务于专业分析及可视化。来自专栏Leaflet
使用LeafLet叠加Geoserver wms图层到已有底图的方法
第三种是面向Java开发人员的，我们可以采用开源的Geoserver路线，把数据使用GeoServer发布成wms服务，再采用Leaflet等webgis可视化组件来进行展示。 本文重点介绍基于LeafLet进行GeoServer发布的Wms服务加载过程中遇到的叠加展示问题，以及怎么解决这个叠加问题，让gis服务于专业分析及可视化。 width: 100%; height: 600px;">
11110编辑于 2026-04-26
使用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))] 输入热力图数据源，并可视化输出
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号