在Arcgis地图上绘制Echarts热力图(Heatmap)

 【原创】本文地址:upload/201809011117433526.gif" alt="复制代码" style="margin: 0px; padding: 0px; max-width: 800px; height: auto; border: none !important;" />

l=["bar","boxplot","candlestick","chord","effectScatter","funnel","gauge","lines","graph","line","map","parallel","pie","radar","sankey","scatter","treemap"]
复制代码

而在echarts.js(3.0版本)中找到:

复制代码
var COMPATITABLE_SERIES = [         'bar', 'boxplot', 'candlestick', 'chord', 'effectScatter',         'funnel', 'gauge', 'lines', 'graph', 'heatmap', 'line', 'map', 'parallel',         'pie', 'radar', 'sankey', 'scatter', 'treemap'     ];
复制代码

好家伙,看来是main.js中没有实现heatmap类型的统计图功能,于是,在main.js中添加对heatmap的支持(当然,不仅仅是在l数组中添加heatmap那么简单,还有部分关键的实现代码),OK,解决了。

下面来看看具体使用吧,其实大神的Demo中已经写的很清楚了。

先给出文章中Demo的GitHub地址:点击这里

1.创建地图容器

复制代码
1 <style type="text/css">2     html,body,#map {3         width: 100%;4         height: 100%;5         margin: 0;6         padding: 0;7     }8 </style>9 <div id="map"></div>
复制代码

2.引入jquery,echarts以及echarts扩展文件

复制代码
<script type="text/javascript" src="js/jquery-3.3.1.min.js"></script>
                        
关键字:
50000+
5万行代码练就真实本领
17年
创办于2008年老牌培训机构
1000+
合作企业
98%
就业率

联系我们

电话咨询

0532-85025005

扫码添加微信