搜索 - 腾讯云开发者社区-腾讯云

文章/答案/技术大牛

发布

来自专栏Leaflet
端午屈夫子祭-基于LeafLet的夫子一生时空轨迹纵览
以全新的一种视角去观察屈夫子的一生，基于LeafLet结合时间轴，完成时间与空间的时空纵览。最后祝所有的伙伴们端午安康，阖家幸福。 2、人物轨迹时间线屈原其人的生平活动轨迹时间线可以从百度百科中直接获取转换。 2、可视化采用组件 Leaflet.js是一个轻量级的二维地图展示的组件，适合进行地图的展示及综合浏览。jquery.js是一个es5的原生开发组件，这里功能较简单，暂不采用vue等新前端框架。 /leaflet.css" /><link rel="stylesheet" href="css/screen.css" /><script src="leaflet/leaflet.js? 以全新的一种视角去观察屈夫子的一生，基于LeafLet结合时间轴，完成时间与空间的时空纵览。最后祝所有的伙伴们端午安康，阖家幸福。
8810编辑于 2026-05-05
来自专栏数据小魔方
动态地理信息可视化——leaflet填充地图
这一篇是leaflet动态地图的第四篇，也是最值得推荐的一篇，这一篇涉及到热力地图填充，通过该篇内容，大家可以体会大leaflet在线地图的R借口在处理热力地图上面颜色标度映射的强大优势。 library(htmltools) library(RColorBrewer) library(ggplot2) library(rgdal) 地图素材加载：（leaflet支持多种地图素材，比如常见的肯定会有小伙伴儿会问，既然leaflet本身就是在线地图，为啥还要费事儿加载shp地图素材就进行映射，因为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 包的其他内容，详细见 CSDN[2] 网站。关于 leaflet 包的更多内容，可进入leaflet官网[3]查看学习。本篇是空间地理数据可视化系列的第四期，主要由林华师制作。本系列的宗旨是带你系统学习如何使用 R 对空间地理数据进行可视化。下一期将会继续介绍 mapview 包的使用，敬请期待。 all~baidu_landing_v2~default-5-57083985.first_rank_v2_pc_rank_v29&utm_term=leaflet&spm=1018.2226.3001.4187
3.5K10发布于 2021-09-14
来自专栏蛰虫始航
用可视化地图讲照片的故事(Python+Leaflet)
查看照片的Exif属性信本文主要做的：批量提照片中的坐标->可视化照片位置->制作游历故事地图所用到的工具： Python和exifread库 Leaflet和两个插件 1，批量提取照片中的坐标照片中的地理坐标记录在，可以做可视化讲故事了。 2，在地图中展示坐标直接展示地理点坐标有很多工具，百度/高德地图的API、Echarts、Leaflet、OpenLayers及Mapbox等。百度地图的点坐标可视化 坐标多的话就是密密麻麻的红点。：地图上的故事,Leaflet插件
2.9K30发布于 2019-09-29
来自专栏数据小魔方
动态地理信息可视化——leaflet在线地图简介
最近稍微涉猎了一下leaflet这个包，突然感到发现了动态可视化的新大门，这个包所提供的地图类型、动态效果、图层展示方式都大大扩展了ggplot作图系统的在数据地图上的缺陷。 leaflet是业界比较流行的JS开源交互式地图包，它支持直接调用OpenStreetMap, Mapbox, and CartoDB等主流地图数据作为辅助图层来进行地理信息数据的可视化操作。除了这些在线地图素材之外，它对于shapefile格式和json格式以及sp包的空间数据格式的地图数据都有着很好的支持，在图层函数中涵盖了点标记、线条和多边形等常用地理信息可视化图形要素。 library(plyr) library(mapdata) library(leaflet) library(maptools) library(ggplot2) 导入中国各省会城市地理信息数据：在leaflet函数中对颜色进行了非常精准和高效的分类。 1、用于连续数值的：colorNumeric，colorBin和colorQuantile; 2、用于分类输入，colorFactor。
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，批量提取照片中的坐标，可以做可视化讲故事了。 2，在地图中展示坐标直接展示地理点坐标有很多工具，百度/高德地图的API、Echarts、Leaflet、OpenLayers及Mapbox等。百度地图的点坐标可视化 坐标多的话就是密密麻麻的红点。：地图上的故事,Leaflet插件
2.6K20发布于 2019-09-27
来自专栏数据小魔方
动态地理信息可视化——leaflet构造路径图
根据先前几篇内容的框架，今天介绍leaflet在线地图的第三篇，以线条元素构造的路径图。 = FALSE) data$Type<-as.factor(data$Type) data1<-filter(data,Type=="NO1") data2<-filter(data,Type=="NO5 (data=data2,~lon,~lat,color="green")%>% addCircles(data=data,~lon, ~lat,popup = ~address,color="red" leaflet()%>% addTiles()%>% addPolylines(data=data1,~lon,~lat,color="blue")%>% addPolylines(data=data2 ############################################### 细数也有好几十个，够你玩一阵子了，使用方法仅仅是通过设置图层函数进行调用，然后就可以愉快的在图层上面进行可视化操作了
2.4K50发布于 2018-04-11
来自专栏frytea
Vue项目使用Vue2Leaflet插件实现地图显示
简介 vue是一个渐进式javascript框架，用来快速构建网页项目，在vue框架之上结构化leaflet地图库的产物vue2leaflet可以在vue项目中很方便的加载地图，下面简单介绍一个vue2leaflet 第一个地图显示页面第一步：新建vue项目第二步：安装Vue2Leaflet 在项目目录下运行如下代码 npm i vue2-leaflet -S 实测项目还需安装leaflet npm install ：引入组件在vueleaflet.vue的script标签下增加如下内容（注意合并部分） import { LMap, LTileLayer, LMarker, LPopup } from 'vue2- _getIconUrl L.Icon.Default.mergeOptions({ iconRetinaUrl: require('leaflet/dist/images/marker-icon-2x.png marker-shadow.png') }) 项目地址完成这个项目花费了一些精力，故将项目源码分享在了github上 GitHub Author: Frytea Title: Vue项目使用Vue2Leaflet
3.6K21发布于 2020-07-16
来自专栏acoolgiser_zhuanlan
leaflet 在地图popup弹框中添加按钮并点击响应（vue2leaflet），设置popup的content属性，添加button
效果如图，点击【进入】按钮，弹出alert提示框。当然这里可以把alert换成其他响应需求。
8K10发布于 2019-01-17
来自专栏新零售项目实践
洞见供应链 | 基于 React + Leaflet 的仓库与物流轨迹可视化实战
：import'leaflet/dist/leaflet.css';2.2基础地图组件import{MapContainer,TileLayer}from'react-leaflet';import'leaflet returnnewL.DivIcon({html:`<divstyle="width:16px;height:16px;background:${color};border-radius:50%;border:2pxsolidwhite (w=>{cluster.addLayer(L.marker([w.lat,w.lng]));});map.addLayer(cluster);（1）降低DOM数量（2）提升缩放流畅度5.2时间轴联动轨迹，完整讲解了如何使用React+Leaflet实现仓库网点与物流轨迹的可视化落地方案。你可以获得的收益：掌握Leaflet在React中的工程化用法能独立设计供应链地理信息可视化模块理解海量点位与轨迹的性能优化思路为后续大屏可视化、实时调度打下基础地图不只是“好看”，它是供应链中连接库存
2130编辑于 2026-05-09
来自专栏WOLFRAM
用 Wolfram 语言可视化东京地铁高峰时段列车的2D3D 时空数据
我发布了东京地铁系统的 3D 视图(https://community.wolfram.com/groups/-/m/t/1632078)，这一次，我试图将从第一班地铁到早上 8 点的高峰时段的运行可视化 z 被校正以使可视化看起来更好。 h=800;(* station->{x,y,z}@line *)line9StationCoordinates3DN=line9inf3D/. line9StationCoordinates3DESLhN[[9]]];\[IndentingNewLine]line9StationCoordinates3DESLhN[[9]]=line9StationCoordinates3DESLhN[[6]]; 可视化地铁线 curs2D=Quiet[{getcur2D[#,1],getcur2D[#,2]}&/@Range[Length@line9Names]]; 可视化地铁 可视化从首班地铁到早上 8 点高峰时间的操作的 可视化二维图形图像：创建图像、2D、3D 和时钟的拼贴画： (* collage 2D, 3D and clock *)\[IndentingNewLine]frames=ParallelMap[
73740编辑于 2022-04-27
来自专栏Leaflet
基于Leaflet的乡镇行政区划在WebGIS中的可视化工具实践
比如关于Leafletjs的二维WebGIS系统开发、如何在LeafLet上叠加影像地图、Leaflet如何限制地图的拖动范围、空间矢量数据如何导入PostGIS数据库、MybatisPlus中操作Geometry 字段信息、LeafLet中展示GeoJSON数据。本文将采用Leafletjs地图开发组件，围绕GeoJSON的可视化展示，以湖南省乡镇行政区划数据的查询，空间定位作为实践案例，完整讲述一个基础的WebGIS小功能，最后形成一个GeoJSON的可视化工具 2、业务架构业务架构比较简单，针对简单的业务需求设计简单的架构。主要采用的技术如下：序号技术点说明1Leaflet.jsWebGIS 地图展示组件2leaflet-sidebar.js基于Leaflet的侧边栏展示组件3thymeleaf前端模板引擎4bootstrap
11110编辑于 2026-04-30
来自专栏DT数据侠
数据点亮城市：如何玩转时空地理数据可视化
日常出行离不开地图导航，你有没有想过结合地图能做出哪些炫酷的可视化作品？原来世界上有很多“成型的”可视化工具，掌握各种技能可以做出更多类型的可视化。在城市数据团主要做一些原创的城市研究的阶段，做城市数据可视化有了不同的方式。做可视化最开始的构思和设计是最重要的，既要能表现数据规律，又要做好设计。举个例子，《钱都去了哪些城市？总结一下，数据可视化最重要的不是技术，更重要的是创意、数据、经验方面的东西。 ▍城市数据可视化的几种类型接下来要讲的是城市数据可视化的几种类型。那么到底什么是城市数据呢？ ▍避免对数据可视化的误解大众其实对于数据可视化是有一些误解的，比如认为有了数据就可以搞个大新闻，或者可以用数据去发现新的东西，但其实数据可视化有时是将大家已有的认知去进行量化的过程，这就要求数据工作者需要耐心
1.1K00发布于 2018-08-08
来自专栏数据小魔方
leaflet在线地图之热力密度图
之前在练习leaflet的时候没有找到R语言leaflet中的热力密度图接口函数，一直感觉很遗憾。 2、通过addTiles加载高德地图： leaflet(mydata) %>% addTiles( 'http://webrd02.is.autonavi.com/appmaptile? 如果你还想了解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(填充地图) -filter(data,Type=="NO5") pal <- colorFactor(topo.colors(2),data$Type) leaflet()%>% addTiles()%>% addPolylines
3.5K30发布于 2018-04-11
来自专栏庄闪闪的R语言手册
如何绘制省市级地图？
具体推文可见： Leaflet 与高德合并会擦出怎么样的火花？ Leaflet 与高德继续碰撞火花！空间地理数据可视化之 mapview 包空间地理数据可视化之 leaflet 包及其拓展空间地理数据可视化之 tmap 包及其拓展空间地理数据可视化之 ggplot2 包及其拓展空间地理数据可视化之前言 = data1[,-2] map = leafletGeo("温州市", data2) #涂色环节heat.colors(6,rev = T) # c("#FFFF00FF","#FF0000FF", ::labelFormat(prefix = ""), opacity = 2) 小编有话说本推文主要介绍，如何使用 leaflet 包绘制省/市级地图并以浙江省、 2. 有些市、县发生变化（从县变为区），但 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 ','银川','乌鲁木齐'] 这段小脚本用于获取各个城市的经纬度地址： def getid(dizhi): url = "http://api.map.baidu.com/geocoder/v2/ Chrome/61.0.3163.79 Safari/537.36'} payload = { 'output':'json', 'ak':'X8zlxPUdSe2weshrZ1WqnWxb43cfBI2N
5.8K20发布于 2018-07-25
来自专栏数据小魔方
leaflet在线地图进阶宝典之——高级辅助特性
本文跟大家分享leaflet在线地图的高级附加属性，这些属性通常来讲仅仅作为我们数据额可视化项目的修饰元素，而并不会影响数据元素。但是有了这些辅助修饰元素，往往可以使你的数据可视化项目变得更具人性化。本文内容根据leaflet的官方主页（R语言接口）翻译而来：附加属性：测度工具：Leaflet Measure ###增加该工具可以轻而易举的让你在可视化地图中通过鼠标打点，测量两点之间的距离，网格线：Graticule leaflet() %>% addTiles() %>% setView(0,0,2) %>% addGraticule() ? leaflet() %>% addTiles() %>% setView(0,0,2) %>% addGraticule(interval = 10, style = list(color = "#FF0000
3.2K40发布于 2018-04-11
来自专栏云深之无迹
Python可视化.2
import matplotlib.pyplot as plt x = np.linspace(0.5, 10, 1000) y = np.cos(x) plt.plot(x, y, ls='-', lw=2, 绘图函数先看最下面的解释：格式：plt.plot(x, y, ls='-', lw=2, label='xxx', color='g' ) x：x轴上的值 y：y轴上的值 ls：线条风格 (linestyle linewidth) label：标签文本可以直接进行更改可以设置划线的样式小短线点划线圆点变色我没有改对应的文字这样的图，我们在下篇文章一行一行代码来解释 f(x)=|sin(4x)^2
38450发布于 2021-04-28

第 2 页第 3 页第 4 页第 5 页第 6 页第 7 页第 8 页第 9 页第 10 页第 11 页

点击加载更多

端午屈夫子祭-基于LeafLet的夫子一生时空轨迹纵览

动态地理信息可视化——leaflet填充地图

空间地理数据可视化之 leaflet 包及其拓展

用可视化地图讲照片的故事(Python+Leaflet)

动态地理信息可视化——leaflet在线地图简介

CityPulse — AI时空热力可视化平台

用可视化地图讲照片的故事(Python+Leaflet)

动态地理信息可视化——leaflet构造路径图

Vue项目使用Vue2Leaflet插件实现地图显示

leaflet 在地图popup弹框中添加按钮并点击响应（vue2leaflet），设置popup的content属性，添加button

洞见供应链 | 基于 React + Leaflet 的仓库与物流轨迹可视化实战

用 Wolfram 语言可视化东京地铁高峰时段列车的2D3D 时空数据

基于Leaflet的乡镇行政区划在WebGIS中的可视化工具实践

数据点亮城市：如何玩转时空地理数据可视化

leaflet在线地图之热力密度图

Leaflet在线地图进阶宝典——json素材操纵与图层面板控制

如何绘制省市级地图？

使用Python中的folium包创建热力密度图

leaflet在线地图进阶宝典之——高级辅助特性

Python可视化.2

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐