Javascript 三级向下钻取高度图

我正在尝试使用highmap制作多级向下搜索地图，就像第一个地图将显示所有国家，然后单击任何国家将向下搜索到该国的所有州，然后选择任何州将显示该国的所有地区

我有三个边界文件-国家，州和地区。我以前从未做过javascript，我来自python和R的背景。然而，我没有看到任何这样的例子，除了这个-。我在javascript中看到了这一点，而且它只使用了两个级别。有人能帮我在第三次向下钻取时使用它吗？我还需要将国家/州/地区代码与我的数据连接起来，并在工具提示中显示值

谢谢。

基本用法：

    series: [{
  name: 'World',
  data: [{
    'hc-key': 'eu',
    drilldown: 'd1',
    value: 10
  }],
  mapData: Highcharts.maps['custom/world-continents'],
  joinBy: 'hc-key',
  dataLabels: {
    enabled: true,
    format: '{point.name}' + '<br />' + ' {point.value}' + '%'
  }
}],
drilldown: {
  series: [{
    id: 'd1',
    mapData: Highcharts.maps['custom/asia'],
    joinBy: 'hc-key',
    click: function() {
      alert('Hello');
    },
    data: [{
      'hc-key': 'ir',
      value: 4,
      drilldown: 'd2'
    }]
  }, {
    id: 'd2',
    mapData: Highcharts.maps['custom/europe'],
    joinBy: 'hc-key',
    data: [{
      'hc-key': 'dk',
      value: 4
    }]
  }]
}

系列：[{
名称：“世界”，
数据：[{
“hc键”：“eu”，
向下展开：“d1”，
数值：10
}],
mapData:Highcharts.maps[“自定义/世界大陆”]，
joinBy:“hc键”，
数据标签：{
启用：对，
格式：'{point.name}'+'
'+'{point.value}'+'%
}
}],
向下展开：{
系列：[{
id:‘d1’，
mapData:Highcharts.maps['custom/asia']，
joinBy:“hc键”，
单击：函数（）{
警惕（“你好”）；
},
数据：[{
“hc键”：“ir”，
价值：4，
深入研究：“d2”
}]
}, {
id:'d2'，
mapData:Highcharts.maps['custom/europe']，
joinBy:“hc键”，
数据：[{
“hc键”：“dk”，
价值：4
}]
}]
}

---

实例：

它的工作方式与常规图表相同。常规图表：，在map中您需要定义mapData属性：谢谢，您可以在JSFIDLE中添加一个示例地图吗？第二部分是地图向下展开。很抱歉，错过了它。我现在明白了。你能把它作为一个答案吗？它应该类似于这个例子：真棒。感谢您的时间和帮助。尽管代码无法访问，但这真是太棒了。我发现我正在寻找的链接已断开，请采取措施