地图
多多岛的小火车
从事大数据可视化工作,在空间大数据处理、分析、应用展示等方面有一定的研究
展开
-
高德地图上显示自定义View方法
项目中有一个需求,能够将人的头像显示在地图上,用以显示用户的位置,这类的地图应用有很多,最常见的就是微信实时位置共享效果。 高德提供的demo里面只是有在地图上绘制图标,并没有说明这种效果如何实现,这里就把实现方式说明一下原创 2015-06-19 17:00:22 · 4789 阅读 · 0 评论 -
mapbox-热力图实现
前端技术选型 mapbox gl.js+react+dva1.构建mapview并在mapbox onload 事件里面进行热力图初始化import React from 'react';import styles from './MapView.css';import mapboxgl from 'mapbox-gl';import HeatLayer from '../...原创 2018-08-16 22:50:23 · 5365 阅读 · 1 评论 -
共享出行订单数据可视化
前言越来越多的数据都是基于起始位置信息的,如外卖订单,从订单位置,到骑手位置,然后从骑手位置到商家位置,共享单车开锁点和关锁点、滴滴打车出发点和到达点,这些任意两点就构成了一条有向线,一般我们将起点称为O点,终点称为D点,O点和D点之间的关系分析,称为od分析,通过OD分析可以挖掘很多空间规律,形成有价值的分析结果,这里我们以一个共享汽车出行平台的OD订单点进行可视化的分析,并形成一些分析的成...原创 2018-08-18 23:05:44 · 2617 阅读 · 4 评论 -
发布自己的mapbox矢量地图
一、前言mapbox 作为一款开源的地图开发平台,优势兼具百度、高德等互联网地图平台和Arcgis、Supermap 等企业级地图平台的特点,是很多企业作为地图项目开发的基础平台,这里根据实际的工作经验,来谈一谈如何发布自己的mapbox矢量地图。并通过mapbox.js调用进行下一步的开发。二、整体流程发布mapbox 需要很多第三方的软件平台依赖,下图是我整理的具体发布流程图,...原创 2018-06-28 17:44:52 · 17280 阅读 · 8 评论 -
一种简单的数据指数分段方法
一、前言 在对数据可视化展示的时候,有时候需要对数据进行分段显示,如从0-10000的数据,分成5段,根据实际的数据情况可以进行等距分段,如0-2000,2000-4000….,但是很多时候,数据的分布没有这么平均,如果按照最大值进行等距离分段,整个信息的展示就不太合理,根据指数函数的特征,实现了一种指数分段的方法。 二、方法 关于指数函数的介绍,参考百度百科:指数函数 这里附上C#实现的...原创 2018-06-13 19:09:01 · 2816 阅读 · 0 评论 -
滴滴的大数据可视化效果
前言上一篇专门针对mobike的空间可视化效果写了一篇总结,本篇主要基于滴滴的大数据可视化做一个描述,上篇介绍的空间可视化效果偏静态的,滴滴的大数据可视化更加动态,形式上也更加丰富多彩,本篇主要参考了这篇文章:http://baijiahao.baidu.com/s?id=1588178807086352632和《滴滴出行2017年度城市交通出行报告》。蝌蚪图通过“蝌蚪图”,滴滴大数据...转载 2018-05-23 21:21:29 · 15358 阅读 · 4 评论 -
空间大数据可视化的几种表达形式-以mobike出行报告为例
一、前言越来越多的出行企业选择空间大数据可视化表达来进行海量数据的分析和展示,如mobike、滴滴、uber。通过这一直观形式,能够让普通大众快速接受企业所想表达的深层含义,同时也便于对数据进行深度的挖掘和分析结果的表达呈现,空间表达较图表、文字等其它表达方式除了直观,易于理解外,也能够将海量数据的效果进行视觉感官上的刺激,同时呈现出一种不规则的美。二、空间大数据可视化表达方式空间...原创 2018-05-22 21:37:56 · 8133 阅读 · 3 评论 -
高德地图中实现手绘任意线显示
项目中需要实现能够在地图上通过手绘的方式绘制线图形,已达到辅助显示效果,实现并不复杂,这里面主要用到了一个坐标转换:屏幕坐标转换到地图坐标,记录手指触摸屏幕的点并保存到数组中,并绘制到地图上原创 2015-06-19 17:19:47 · 7084 阅读 · 2 评论 -
mapbox-聚类点图层
前端技术选型 mapbox gl.js+react+dva1.构建mapview并在mapbox onload 事件里面进行聚类点图层初始化import React from 'react';import styles from './MapView.css';import mapboxgl from 'mapbox-gl';import ClusterPointLayer...原创 2018-08-16 23:09:22 · 4541 阅读 · 0 评论