JVector地图如何在标记悬停时显示动态图像

<link rel="stylesheet" href="jvector-map.css">
<script src="jvector-map.js"></script>

<div id="map"></div>

$(function() {
  $('#map').vectorMap({
    map: 'world_mill', // 使用的地图类型
    backgroundColor: '#ffffff', // 地图背景颜色
    markersSelectable: true, // 标记是否可选中
    markers: [ // 标记数据
      { latLng: [40.7128, -74.0060], name: 'New York', image: 'hover-image.jpg' },
      { latLng: [51.5074, -0.1278], name: 'London', image: 'hover-image.jpg' },
      // 其他标记数据...
    ],
    markerStyle: {
      initial: { fill: '#ff0000' }, // 标记初始样式
      hover: { fill: '#00ff00' } // 标记悬停样式
    },
    onMarkerOver: function(event, index) {
      var marker = $('#map').vectorMap('get', 'markers')[index];
      marker.element.find('img').attr('src', marker.image);
    },
    onMarkerOut: function(event, index) {
      var marker = $('#map').vectorMap('get', 'markers')[index];
      marker.element.find('img').attr('src', 'default-image.jpg');
    }
  });
});