echarts地图自定义打点图标 鼠标放上有hover效果

您可以使用Echarts的自定义标记功能来实现地图上的自定义打点图标，并且可以通过设置鼠标悬停时的效果来实现hover效果。

以下是一个简单的示例代码，可以帮助您了解如何实现这个功能：

// 定义自定义标记的图标
var imageIcon = new Image();
imageIcon.src = 'your-image-url.png';

// 设置标记的样式和效果
var option = {
  series: [{
    type: 'scatter',
    coordinateSystem: 'geo',
    data: [{
      name: 'Your location',
      value: [longitude, latitude],
      symbolSize: 30,
      symbol: 'image://' + imageIcon.src,
      label: {
        show: true,
        formatter: '{b}',
        position: 'right',
        offset: [5, 0],
        textStyle: {
          color: '#000',
          fontSize: 14
        }
      },
      emphasis: {
        label: {
          show: true,
          textStyle: {
            color: '#fff',
            fontSize: 14
          }
        },
        itemStyle: {
          color: '#ff0'
        }
      }
    }]
  }]
};

// 在Echarts图表中渲染上面的选项
var myChart = echarts.init(document.getElementById('your-chart-id'));
myChart.setOption(option);

上面的代码中，我们首先定义了自定义标记的图标，然后设置了标记的样式和效果。特别是在`emphasis`属性中，我们可以设置鼠标悬停时的效果，例如改变标记的颜色、字体颜色等等。最后，我们将这些选项应用到Echarts图表中，即可实现地图上的自定义打点图标，并且有hover效果。