网站页脚设计代码,赣州新闻头条,个人可以做淘宝客网站吗,光遇网页制作素材EChart中使用地图方式总结 2018年02月06日 22:18:57 来源#xff1a;https://blog.csdn.net/shaxiaozilove/article/details/79274772最近在仿照EChart公交线路方向示例#xff0c;开发表示排水网和污水网流向地图#xff0c;同时地图上需要叠加排放口、污染源、污水处理厂等… EChart中使用地图方式总结 2018年02月06日 22:18:57 来源https://blog.csdn.net/shaxiaozilove/article/details/79274772 最近在仿照EChart公交线路方向示例开发表示排水网和污水网流向地图同时地图上需要叠加排放口、污染源、污水处理厂等要素。由于之前没有用过EChart尤其是EChart的地图功能琢磨尝试很久终于弄明白了地图上面、线及点要素的加载及显示方法总结如下。 1、底图的加载 一般地图都需要底图EChart中底图的数据来源有三种方式分别如下 1百度地图。需要引入百度地图API具体使用方法参见官方示例http://echarts.baidu.com/examples/editor.html?clines-bmap-effect如下左图此时series中引入的其他要素层中coordinateSystem 的值必须设置为 bmap也就是其它层的数据以bmap地图作为空间坐标系统的参照如下右图 2json及registerMap的方式。这种方式底图数据以jsongeojson格式存储具体geojson的格式参考http://geojson.org/及转换为geojson的方法可采用Mapshaper使用参考http://blog.csdn.net/column/details/14830.html自行了解。在获取json格式的数据后采用registerMap进行手动注册给地图取一个名字。EChart中使用的方法可参考官方示例http://echarts.baidu.com/examples/editor.html?cmap-usaseries中的map为用户自己注册的地图要点如下。注意问题registerMap只能注册面状要素的json数据对点、线无效 3script及geo方式。这种方式的底图数据可以直接用 script 标签引入包含数据的 js 文件引入后会自动注册地图名字和数据如script src../../data/china.js/script引入后EChart自动对地图进行注册可参考EChart官方示例http://www.echartsjs.com/gallery/editor.html?cscatter-map使用要点如下。注意问题series中的coordinateSystem必须设置为 geo即采用的坐标系统参考与geo中定义的地图保持一致geo方式也只适用于面状地图数据对点和线要素数据无效 2、线要素的加载 线要素的加载一般通过series中type设置为 line 的方式实现具体参考http://echarts.baidu.com/option.html#series-lines参数coordinateSystem设置为bmap百度地图、geo或registerMap手动注册的地图名称。 3、点要素的加载 点要素的加载一般通过series中type设置为scatter或effectScatter具体参考http://echarts.baidu.com/option.html#series-scatter和http://echarts.baidu.com/option.html#series-effectScatter参数coordinateSystem设置为bmap百度地图、geo或registerMap手动注册的地图名称。 以上是对EChart中使用地图的总结不恰当的地方还请及时指出谢谢 转载于:https://www.cnblogs.com/hao-1234-1234/p/9292996.html
