Соедините маркеры на вращающемся шаре с линией в D3. js - PullRequest
Новая
       6

Соедините маркеры на вращающемся шаре с линией в D3. js

0 голосов
/ 14 марта 2020

Я делаю вращающийся глобус здесь в D3. js.

Я хотел бы соединить маркеры (города) по их долготе и широте, используя линия.

Я могу успешно создать линию на глобусе следующим образом: 

var link = [
    {type: "LineString", coordinates: [[100, 200], [50, 30]]}
]

// Add the path
svg.selectAll("myPath")
  .data(link)
  .enter()
  .append("path")
    .attr("d", function(d){ return path(d)})
    .style("fill", "none")
    .style("stroke", "orange")
    .style("stroke-width", 7)

Но эта линия не проецируется правильно на глобус, когда я добавляю значения долготы и широты в данные ссылки. Концы линии не касаются городов, даже если указаны долгота и широта между двумя точками.

...