vue 实现echart 地图点选高亮

Vue是一种现代化的JavaScript框架，而Echarts是一种用于数据可视化的框架。在Vue中使用Echarts来呈现地图数据时，我们可以使用事件处理程序来实现点选高亮功能。

首先，我们需要创建一个Echarts实例，并将其绑定到Vue组件上。然后我们需要在Echarts实例上注册一个事件回调函数，以便在用户点击地图上的点时触发。

事件回调函数将接收一个参数，其中包含了用户点击的坐标和其他相关信息。我们可以使用这些信息来计算出距离最近的点，并给它们添加一个高亮样式。

为了实现这个功能，我们需要在Vue的template中定义一个具有高亮样式的CSS类，并将其绑定到我们计算出的最近点上。这样，当用户点击地图上的点时，所有最近的点都会被高亮显示。

最后，我们需要将我们的事件回调函数绑定到Echarts图表上。这可以通过将事件回调函数传递给Echarts实例的on方法来实现。

总的来说，利用Vue和Echart实现地图点选高亮功能需要在Vue模板中定义CSS类，创建Echarts实例，注册事件回调函数，并将它们绑定到Echarts图表上。