java 插件 地图_[Java教程]插件～使用ECharts动态在地图上标识点

[Java教程]插件～使用ECharts动态在地图上标识点

0 2016-06-20 16:00:08

ECharts可以很方便的在网页上绘制地图，图表，并且可以提供下载图像，放大，缩小，拖动等功能，今天主要说一下它的地图类型(type:＇map＇)是如何实现的．

首先在ECharts地图的坐标需要我们存储在一个geoCoord属性里，它是一个ＪＳ的字典对象，由键／值对组成，键表示点的名称，值则表达它的坐标，由经纬度组成，它是一个数组，如[136.00,32.00]它就表示了一个坐标．

地图类型的图表需要关注的元素

title：标题，显示这个地图所表示的名称title: { text: '清大云点亮中国', subtext: 'Tsingda.Cloud', sublink: 'http://www.eee114.com', x: 'center', y: 'top', textStyle: { color: '#fff' } }

toolbox：工具栏，显示一些显示的工具，放大，缩小，查看数据集，下载图像等toolbox: { show: true, feature: { mark: { show: true }, dataView: { show: true, readOnly: false }, restore: { show: true }, saveAsImage: { show: true } } }

legend：图标显示，当series有