用Scalajs中的方法实现JS函数

问题描述

我正在尝试使用基于以下示例的 Scalajs 使用 topojson 和 d3-geo 创建世界地图：How-to-create-pure-react-SVG-maps-with-topojson-and-d3-geo

到目前为止，我最大的问题是我不明白如何使用 scala 从 d3-geo 实现 geoEqualEarth() 和 geoPath() 函数，因为它们有许多方法，例如 const projection = geoEqualEarth().scale(160).translate([ 800 / 2,450 / 2 ])。这段代码假设创建一个投影（假设它是一个数值数组），并且该投影稍后在 geoPath().projection(projection)(d) 中用于为 <d> 标记创建正确的输入字符串。我真的很困惑如何在 Scala 中实现这种逻辑，我不确定在这种情况下是否可以使用纯 JS。

解决方法

我如何从 d3-geo 实现 geoEqualEarth() 和 geoPath() 函数

我假设您的意思是使用这些函数，这些函数是在 Scala.js 的 JavaScript 库 d3-geo 中定义的。

一般来说，要使用 Scala.js 中的 JavaScript 库，您可以为库define facade types，或者重用已经存在的库，也许通过 ScalablyTyped。外观的声明方式主要取决于 API 的外观以及应该如何使用它。

只是想让你的示例片段有效，我的目标是

@js.native
trait Projection extends js.Object {
  def scale(factor: Double): this.type
  def translate(v: js.Tuple2[Double,Double]): this.type
}

@js.native
trait Path extends js.Object {
  def projection(p: Projection): Path
  def apply(obj: js.Any): Something = js.native
}

// import { geoEqualEarth,geoPath } from "d3-geo"
object D3GeoFunctions {
  @js.native
  @JSImport("d3-geo","geoEqualEarth")
  def geoEqualEarth(): Projection = js.native

  @js.native
  @JSImport("d3-geo","geoPath")
  def geoPath(): Path = js.native
}

尽管其中很多都是基于您的片段和浏览 d3-geo 自述文件的猜测。