D3.js 数据映射中的空弧

D3.js 数据映射中的空弧,d3.js,datamaps,D3.js,Datamaps,尝试从Datamaps在地图上绘制圆弧时,如下所示: 我使用以下代码得到一个空弧,如下所示: 我在这里遗漏了什么?根据API,arcs插件似乎接受国家名称。我尝试了几件事,从使用scope:'world'到引用插件,但都没有成功 无论如何,这听起来可能不是一个解决方案,但您始终可以使用纬度和经度: { origin: { latitude: 60.1282, longitude: 18.6435 }, destination: { latitude

尝试从Datamaps在地图上绘制圆弧时,如下所示:

我使用以下代码得到一个空弧,如下所示:


我在这里遗漏了什么?

根据API,arcs插件似乎接受国家名称。我尝试了几件事,从使用
scope:'world'
到引用插件,但都没有成功

无论如何,这听起来可能不是一个解决方案,但您始终可以使用纬度和经度:

{
  origin: {
      latitude: 60.1282,
      longitude: 18.6435
  },
  destination: {
      latitude: 35.8617,
      longitude: 104.1954
}

这是小提琴:

它在使用这里的高分辨率版本时工作:

但是,我无法在JSFIDLE中实现这一点,在控制台中得到以下错误消息:

拒绝从执行脚本'https://raw.githubusercontent.com/markmarkoh/datamaps/master/dist/datamaps.world.hires.min.js'因为它的MIME类型('text/plain')不可执行,并且启用了严格的MIME类型检查。


当我下载脚本并在本地引用它时,它在使用Python 3的http.server时工作

感谢您的输入,它开始听起来像一个bug,不是吗?我找到了一个解决方案,检查我的答案很好!所以,它看起来确实像一个bug。
{
  origin: {
      latitude: 60.1282,
      longitude: 18.6435
  },
  destination: {
      latitude: 35.8617,
      longitude: 104.1954
}