用scalajs中的方法实现JS函数

Question

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

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

Answer 1

how I can implement geoEqualEarth() and geoPath() functions from d3-geo

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

一般来说，要使用 Scala.js 中的 JavaScript 个库，您要么 define facade types for the library, or reuse one that is already existing, perhaps through 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 自述文件的猜测。

用scalajs中的方法实现JS函数

Implement JS function with methods in scalajs

javascript

d3.js

topojson

scala.js