115Echarts - 热力图(Heatmap on Baidu Map Extension)
2023-09-11 14:15:43 时间
效果图
源代码
app.title = '热力图与百度地图扩展';
$.get('data/asset/data/hangzhou-tracks.json', function (data) {
var points = [].concat.apply([], data.map(function (track) {
return track.map(function (seg) {
return seg.coord.concat([1]);
});
}));
myChart.setOption(option = {
animation: false,
bmap: {
center: [120.13066322374, 30.240018034923],
zoom: 14,
roam: true
},
visualMap: {
show: false,
top: 'top',
min: 0,
max: 5,
seriesIndex: 0,
calculable: true,
inRange: {
color: ['blue', 'blue', 'green', 'yellow', 'red']
}
},
series: [{
type: 'heatmap',
coordinateSystem: 'bmap',
data: points,
pointSize: 5,
blurSize: 6
}]
});
if (!app.inNode) {
// 添加百度地图插件
var bmap = myChart.getModel().getComponent('bmap').getBMap();
bmap.addControl(new BMap.MapTypeControl());
}
});
相关文章
- UE4 Run On Server与Run on owning client
- this compilation unit is not on the build path of a java project
- Java的Map中的map.keySet()方法
- mysql下出现Unknown column ‘xx‘ in ‘on clause‘的完全解决方法
- Install PIL with Jpeg support on Ubuntu Oneiric 64bit
- Caused by: java.sql.SQLException: Couldn't perform the operation getAutoCommit: You can't perform any operations on this connection. It has been automatically closed by Proxool for some reason (see lo
- 获取List<Map<String, Object>中Map的属性值列表,获取所有map对象的某个属性列表
- 小程序开发笔记【一】,查询用户参与活动列表 left join on的用法
- Hive on Spark生产调优之内存管理
- 栈上替换on-stack replacement(OSR)
- How to install php evn on ubuntu
- [转]MySQL远程连接ERROR 2003 (HY000):Can't connect to MySQL server on'XXXXX'(111) 的问题
- [LeetCode] 1299. Replace Elements with Greatest Element on Right Side 将每个元素替换为右侧最大元素
- [LeetCode] 1275. Find Winner on a Tic Tac Toe Game 找出井字棋的获胜者
- 【bzoj1742】[Usaco2005 nov]Grazing on the Run 边跑边吃草 区间dp