Mapv 地图可视化工具的使用

Mapv 是一款基于百度地图的大数据可视化开源库，可以用来展示大量的点、线、面的数据，每种数据也有不同的展示类型，如直接打点、热力图、网格、聚合等方式展示数据。

浏览器支持

Mapv使用canvas开发，支持现在被称为“现代”浏览器, 通常兼容除了IE8及IE以下版本的其他大部分浏览器。

使用

<script src="dist/mapv.js" charset="utf-8"></script>

开发调试

安装相关的node插件

npm install

执行grunt监听src代码变化

grunt

示例

访问更多示例地址

示例代码

创建mapv对象

// 第一步创建mapv示例var mapv = new Mapv({map: map  // 百度地图的map实例});

创建点数据图层

// 创建一个图层var layer = new Mapv.Layer({zIndex: 3, // 图层的层级mapv: mapv, // 对应的mapvdataType: 'point', // 数据类型，point:点数据类型,polyline:线数据类型,polygon:面数据类型//数据，格式如下data: [{lng: 116.46507, // 经度lat: 39.929101, // 纬度count: 1 // 当前点的权重值},{lng: 116.43507,lat: 39.909101,count: 2}],drawType: 'simple', // 渲染数据方式, simple:普通的打点, [更多查看类参考](https://github.com/huiyan-fe/mapv/wiki/%E7%B1%BB%E5%8F%82%E8%80%83)// 渲染数据参数drawOptions: {fillStyle: "rgba(255, 255, 50, 1)",  // 填充颜色strokeStyle: "rgba(50, 50, 255, 0.8)", // 描边颜色，不传就不描边lineWidth: 5, // 描边宽度radius: 5, // 半径大小unit: 'px' // 半径对应的单位，px:默认值，屏幕像素单位,m:米,对应地图上的大约距离,18级别时候1像素大约代表1米}
});

创建线数据图层

var layer = new Mapv.Layer({mapv: mapv,dataType: 'polyline',data: [{geo: [[116.39507, 39.879101],[116.49507, 39.889101],[116.46507, 39.929101],[116.43507, 39.909101]],count: 10}],drawType: 'simple',zIndex: 5,animation: true,drawOptions: {lineWidth: 2,strokeStyle: "rgba(0, 0, 255, 1)"},animationOptions: {radius: 10}
});

创建面数据图层

var layer = new Mapv.Layer({zIndex: 3,mapv: mapv,dataType: 'polygon',data: [{geo: [[116.39507, 39.879101],[116.49507, 39.889101],[116.46507, 39.929101],[116.43507, 39.909101]],count: 10}],drawType: 'simple',drawOptions: {lineWidth: 8,strokeStyle: "rgba(255, 255, 0, 1)",fillStyle: "rgba(255, 0, 0, 0.8)"}
});

Mapv 地图可视化工具的使用相关推荐

python 地图可视化工具_【可视化】python地图可视化_Folium
本文简单介绍python语言的地图可视化库Folium 效果图能力概述 Python语言地图可视化可以换(高德)底图有添加点线面和简单配色的功能可以导出为html页简介 Folium是Le ...
大数据| 数据可视化学习-高德地图可视化工具
最近有做一些关于地理信息数据的处理,使用了高德和百度地图的API,个人还是比较习惯使用高德,最近发现高德的一些地理数据的可视化的功能还挺有意思. 登录开发平台,可视化数据,可视化格式有点线面三种数据, ...
python广州地图_手把手教你用Python+可视化工具制作漂亮地图
作者:J哥这次呢,我想讲讲地图可视化的内容,以前我也写过用Python的内置库绘制地图,但总感觉不够美观.如何才能在短时间内制作漂亮的可视化地图呢,我觉得Python+可视化工具是不错的选择. 以下 ...
「合规」震惊！地图可视化竟能如此玩，零门槛，全免费，效果远胜主流作图工具！...
在数据可视化领域,早晚会遇上地图可视化的需求,一个高大上的地图可视化,瞬间拔高整个报告的层次. Excel催化剂有幸接触并将地图可视化完全落地于Excel中完成.相对主流Python.R.PowerB ...
手把手教你用Python+可视化工具制作漂亮地图
这次呢,我想讲讲地图可视化的内容,以前我也写过用Python的内置库绘制地图,但总感觉不够美观.如何才能在短时间内制作漂亮的可视化地图呢,我觉得Python+可视化工具是不错的选择. 以下动态可视化地 ...
动态规划python_手把手教你用Python+可视化工具制作漂亮地图
公众号后台回复"图书",了解更多号主新书内容作者:J哥来源:菜J学Python 这次呢,我想讲讲地图可视化的内容,以前我也写过用Python的内置库绘制地图,但总感觉不够美观. ...
用Python+可视化工具制作漂亮地图
大家好,我是辰哥~ 这次呢,我想讲讲地图可视化的内容,以前我也写过用Python的内置库绘制地图,但总感觉不够美观.如何才能在短时间内制作漂亮的可视化地图呢,我觉得Python+可视化工具是不错的选择 ...
Python地图可视化三大秘密武器
文章来源于Python大数据分析,作者朱卫军 Python地图可视化库有大家熟知的pyecharts.plotly.folium,还有稍低调的bokeh.basemap.geopandas,也是地图可 ...
Python之分享常用的五款动态数据可视化工具
一.Tableau 世界知名的 BI 工具,以超强的可视化能力著称.它已经成为商业 BI 界的 TOP 选手,很多大型公司像阿里.谷歌都在使用,能快速搭建数据系统. 可以通过设置页面动画,来制作动态可 ...

Mapv 地图可视化工具的使用

浏览器支持

使用

开发调试

示例

示例代码

Mapv 地图可视化工具的使用相关推荐

最新文章

热门文章