Highcharts Maps地图缩放时mappoint点位坐标偏移问题如何解决

• 首先确认自定义GeoJSON的投影声明匹配
  你当前使用WGS84/EPSG:4326投影，需确保自定义GeoJSON文件的顶层明确声明crs属性，避免Highcharts自动推断投影时出现偏差，缩放阶段误差被放大导致点位漂移：

{
  "type": "FeatureCollection",
  // 新增以下投影声明
  "crs": {
    "type": "name",
    "properties": {
      "name": "urn:ogc:def:crs:EPSG::4326"
    }
  },
  "features": [...]
}

• 显式指定地图投影配置
  如果使用v10及以上版本的Highcharts Maps，需在初始化配置中显式声明mapView投影参数，不要依赖自动识别，同时传入proj4实例保证坐标转换逻辑统一：

$("#container").highcharts('Map', {
  // 新增chart配置项
  chart: {
    proj4: proj4
  },
  // 新增mapView配置项
  mapView: {
    projection: {
      name: 'EPSG:4326'
    }
  },
  // 你原有其他配置保持不变
  title: {
    text: null
  },
  mapNavigation: {
    enabled: true
  },
  // ... 其余原有配置无需修改
});

如果使用v9及以下旧版本，可替换为transforms配置：

mapNavigation: {
  enabled: true
},
chart: {
  events: {
    load: function () {
      this.mapTransforms = Highcharts.maps['custom/world'].transforms;
    }
  }
},

• 修正标记偏移配置
  如果需要调整点位标记的视觉位置，不要使用系列级的offsetX/offsetY参数，该参数会随地图缩放比例动态计算，导致点位漂移。请使用marker下的固定像素偏移参数：

{
  type: 'mappoint',
  name: 'Cities',
  color: Highcharts.getOptions().colors[1],
  // 不要设置offsetX、offsetY
  marker: {
    // 固定像素偏移，不随缩放变化
    x: 0,
    y: 0
  },
  data: [...]
}

• 额外检查项
  不要自行提前将经纬度转换为平面坐标传入mappoint系列，直接传递lat/lon字段即可，手动转换的坐标逻辑和Highcharts内置转换逻辑不一致时，缩放时会出现明显位移。

内容的提问来源于stack exchange，提问作者Alexis