电子艺术地图添加标签效果

最近有粉丝问我能不能举个例子：地图上的区域人物或者其他图层的标记类，因为区块面积比较小，想把它放在地图外面，通过labelLine连接到对应的区块。今天我就分享一个类似的简单案例，以散乱点的形式铺设标签，用线连接一些区域。地图以广州地图为例：

如果你需要一个地图geojson或js文件，你可以在我的个人github:https://github.com/zhangqian00/echarts3-mapFile上找到它

1.初始化地图：

2、

声明标签数据：

配置要放置的标签。该值是坐标点。四个带注释的区域需要通过导线连接到地图的外部。后面会有单独的配置，所以在这个标签数据中没有必要。

3.配置图层：

根据散布类型和数值对应的坐标，将标签数据放置到相应的位置。

4.使用辅助线配置标签层

以下是需要使用辅助线的四个区域的标签配置。因为连接是在两点之间，所以数据中的坐标是两点的起点坐标和终点坐标。具体说明请参考echarts官方配置文件。

5.最后，应用配置

在这种情况下使用的echarts版本是3.x版本。

这个案例的目的只是为了启发，为了举一反三，而不仅仅是为了给文字打个标签，内容可以完全定制，而且还有一些其他的内容比如：

只有这些需要更多的配置(格式化程序)，详情请参考官方案例和配置文档。

以上就是本文的全部内容。希望对大家的学习有帮助，支持我们。