博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
Echarts Binning on map 根据真实经纬度渲染数据
阅读量:4596 次
发布时间:2019-06-09

本文共 1019 字,大约阅读时间需要 3 分钟。

要渲染的数据:[经度,维度,值]

例如:

var data = [[116.420691626, 39.4574061868, 63],[116.423620497, 39.4574061868, 228],[116.33868323, 39.4596597489, 84]]

在Echarts官方示例的基础上,修改 renderItem 函数即可

function renderItem(params, api) {            const [lngIndex, latIndex] = [api.value(0).toFixed(6), api.value(1).toFixed(6)];            const coords = params.context.coords || (params.context.coords = []);            const key = lngIndex + '-' + latIndex;            const coord = coords[key] || (coords[key] = api.coord([lngIndex, latIndex]));            console.log('coord',coord)            return {                type: 'rect',                shape: {                    x: coord[0],                    y: coord[1],                    width: 10,                    height: 10,                },                z: 1000,                style: api.style({                    stroke: 'rgba(0,0,0,0.1)'                }),                styleEmphasis: api.styleEmphasis()            };        }

 

转载于:https://www.cnblogs.com/z-one/p/9237523.html

你可能感兴趣的文章
第三方,解决模型无法在获取网络数据之后传值问题
查看>>
对比 Git 与 SVN,这篇讲的很易懂
查看>>
【snmp】Linux开启snmp及查询
查看>>
CSU 1532: JuQueen(线段树)
查看>>
设定MyEclipse编辑代码区域文字的大小及非keyword的字体、字形和颜色
查看>>
LeetCode【6】. ZigZag Conversion --思路图解与java实现
查看>>
git 合并分支
查看>>
NSNotification与NSNotificationCenter
查看>>
qt 中文乱码 处理QByteArray类型里含中文的数据
查看>>
跨库事务一致性问题的解决方式(例)
查看>>
ios build时,Undefined symbols for architecture xxx问题的总结
查看>>
JavaScript对象
查看>>
IIS7(Windows7)下最简单最强安装多版本PHP支持环境
查看>>
关于Cocos2d-x发布游戏的时候遇到的问题和解决
查看>>
CSS学习笔记之样式声明
查看>>
rtmpdump代码分析 转
查看>>
codeforces #322 div 2 D. Three Logos (枚举)
查看>>
20145202马超《JAVA》预备作业1
查看>>
[导入]参考OpenSceneGraph的3ds插件学习lib3ds
查看>>
java基础-四大特征
查看>>