Highcharts Highmaps 如何将地图点添加到自定义地图

Question

我用 Highmaps 构建了一个自定义地图：see fiddle

现在我想添加一个带有地图点的系列：

{
        type: 'mappoint',
        name: 'Cities',
        zIndex: 100,
        color: '#000000',
        data: [{
            name: 'Birmingham',
            lat: 52,
            lon: 1.8
            }]
    }

但我不知道在这种情况下如何使用 fromLatLonToPoint。我该怎么做？

Answer 1

您可以直接使用 lat 和 lon 属性，但您的 mappoint 系列会被来自 data 属性的解析系列覆盖。作为解决方案，在加载主数据后使用addSeries方法，例如：

 parsed: function() {
   var chart = this.chart,
     center = chart.fromLatLonToPoint({
       lat: 50,
       lon: 10
     });

   setTimeout(function() {
     chart.mapZoom(.15, center.x, center.y);

     chart.addSeries({
       type: 'mappoint',
       name: 'Cities',
       zIndex: 100,
       color: '#000000',
       data: [{
         name: 'Birmingham',
         lat: 52,
         lon: 1.8
       }]
     });
   }, 500)
 }

---

现场演示： https://jsfiddle.net/BlackLabel/vw1p4jtr/

API 参考：

https://api.highcharts.com/class-reference/Highcharts.Chart#addSeries

https://api.highcharts.com/highmaps/series.mappoint.data.lat