ScapeD的博客

turf.js是mapbox官方推荐的进行空间分析的包，其优点在于强大且全面的空间分析功能，且支持geojson格式的输入，因此与Mapbox GL JS集成效果很好。我们此处介绍Mapbox GL JS加载turf.js实时创建格网（渔网）的方法。其效果如下：turf.js能够指定格网大小、坐标等信息实时生成，其效率非常高，也可以在前端根据用户需求实时的生成格网了。生成结果为GeoJson格式，Mapbox根据其生成的结果直接加载。步骤如下：1、turf.js生成格网（渔网）tur

散点图(scatter)是eCharts重要的表现样式之一，也是我们经常要用到的，散点图加迁徙线能实现非常炫酷的效果。实现的效果如下：为了简单，我只加入了四个点。把basemap的样式设置为dark-gray以使效果更加直观。下面介绍操作步骤1.引入css和js文件并加载basemap步骤在之前两篇文章中有描述，作为基本知识此处不再赘述引入css和js &lt...

常用参数参数 作用 示例 width 线条宽度  width:0.1 color 线条颜色 color:"red" opacity 线条透明度，范围0-1，0为完全透明 opacity:1  

eCharts可以实现大量数据迅速渲染，笔者在项目中，测试包含25w余拐点的总计7w余条线渲染总共用时1秒左右，性能表现相当优秀，显示效果也相当不错。eCharts天生支持mapbox，就像其天生支持百度地图一样，而选择前者的原因是其地图相当漂亮，而且支持相当程度的用户自定义地图。效果图：1，添加相关JS引用包含mapbox底图引用以及eCharts引用 <s...

mapbox默认语言为英文，但至今其已经支持十几种语言。将mapbox上的标注转为中文十分简单。显示效果：1、引入js语言插件 &lt;script src='https://api.mapbox.com/mapbox-gl-js/plugins/mapbox-gl-language/v0.10.0/mapbox-gl-language.js'&gt;&lt;/script...

在项目中，我们常常需要动态设置底图样式，中心点等属性，mapbox设置属性的前提是获得底图实例。在echarts+mapbox开发时，mapbox是在eCharts的Options中定义的，因此获取mapbox实例要靠eCharts提供的方法获得。以eCharts图表命名为chart为例，获取底图的方法为： var map=chart.getModel().getCompone...

格网统计图是一种将统计数据汇总到格网当中显示的统计图表，它的使用范围相当广泛。可以使用一点的监测值代表一个网格区域的值。可以不用使用插值而得到整个面的统计值。eCharts本身并不提供格网统计图的实现，但eCharts提供的用户自定义图表可以帮助我们实现。格网统计图：1，引入相关JS引用 &lt;script type="text/javascript" src="h...

通过使用Echarts3Layer.js扩展，可以实现在ArcGIS底图上添加eCharts图表，可以简单得到比ArcGIS API for JS更好的效果。一般的eCharts图表可以通过clear()方法或echarts.setOption(option,true);方法去掉，但是此处不行。因为此处新增加的实际是一个新的图层。我通过修改Echarts3Layer.js源码实现了图层的显示与...