Jquery Mapael:如何使用HTML表数据替换这个硬编码的示例？

<table id="data-table">
  <thead>
    <tr>
      <th>地理区域</th>
      <th>数据字段1</th>
      <th>数据字段2</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>区域1</td>
      <td>100</td>
      <td>200</td>
    </tr>
    <tr>
      <td>区域2</td>
      <td>150</td>
      <td>250</td>
    </tr>
    <tr>
      <td>区域3</td>
      <td>200</td>
      <td>300</td>
    </tr>
  </tbody>
</table>

var mapData = {};
$('#data-table tbody tr').each(function() {
  var region = $(this).find('td:first').text();
  var data1 = parseInt($(this).find('td:eq(1)').text());
  var data2 = parseInt($(this).find('td:eq(2)').text());
  mapData[region] = { 'value': [data1, data2] };
});

var map = new Mapael({
  map: {
    name: "world_countries",
    defaultArea: {
      attrs: {
        fill: "#f4f4e8",
        stroke: "#ced8d0"
      }
    },
    areas: mapData
  }
});

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

map.container = document.getElementById('map-container');
map.draw();