如何用ECharts动态在地图上标识点

Posted 2023-04-03

参考技术A tooltip上的东西不好被点到，你需要把showDelay和hideDelay都调大鼠标才能走得过去，但这样交互体验就变差了。至于tooltip上显示的完全就是dom，你想怎么玩都行

如何用echarts动态在地图上标识点

参考技术A ECharts可以很方便的在网页上绘制地图，图表，并且可以提供下载图像，放大，缩小，拖动等功能，今天主要说一下它的地图类型（type:＇map＇)是如何实现的．
首先在ECharts地图的坐标需要我们存储在一个geoCoord属性里，它是一个JS的字典对象，由键／值对组成，键表示点的名称，值则表达它的坐标，由经纬度组成，它是一个数组，如[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

本回答被提问者采纳