在高地图中使用自定义边界答案

【问题标题】：Using custom boundaries in high map在高地图中使用自定义边界
【发布时间】：2017-11-09 23:33:15
【问题描述】：

我正在尝试在 r 中使用 highchart。我刚刚下载了这张地图https://code.highcharts.com/mapdata/countries/nz/nz-all.js。根据文档，似乎它正在使用 EPSG 2193。 "crs":{"type":"name","properties":{"name":"urn:ogc:def:crs:EPSG:2193"}} .它看起来像这样 - [3871,7816],[3871,7778],[3832,7773].....

但是它没有我需要的所有区域，但我将这些区域边界作为纬度/经度多多边形以这种格式 [174.3611,-35.7754],[174.3594,-35.7388],[174.3251,-35.7238], [174.3361,-35.7537].....

提供的数字只是示例，如何将这些边界添加到高地图库中提供的地图中。我刚刚阅读了这个链接，上面写着https://www.highcharts.com/docs/maps/latlon 为该特定区域单独提及 proj4string。但我不知道在这种情况下我必须使用什么投影系统。谁能帮我解决这个问题？

谢谢。

【问题讨论】：

标签： javascript r highcharts geojson highmaps

【解决方案1】：

你看到小插曲https://cran.r-project.org/web/packages/highcharter/vignettes/charting-maps.html了吗？

hcmap("countries/nz/nz-all")

【讨论】：

感谢您的回答。但正如我所说，我需要在其中添加自定义区域。我需要知道如何在这张地图中添加我们自己的区域。
酷。这提供了一些信息。让我试试然后回来。谢谢:)

【解决方案2】：

JavaScript 案例

请参阅此现场演示：http://jsfiddle.net/kkulig/sv78kux9/

它展示了如何在mappoint 系列中使用纬度/经度格式的点：

{
  name: 'London',
  lat: 51.507222,
  lon: -0.1275
}, {
  name: 'Belfast',
  lat: 54.597,
  lon: -5.93
}

诀窍是将lineWidth 设置为非零整数并使用 CSS 为点之间的区域着色：

// JS options
className: 'custom',

// CSS
.custom .highcharts-graph {
  fill: red
}

为了使它看起来更像是一个区域，为线条设置了color: 到'transparent'，并为此系列禁用了悬停、数据标签和工具提示。

【讨论】：