Топойсон анимирует один полет

Я попытался анимировать одиночный полет на основе двух пар координат (служащих отправной точкой и точкой посадки). Однако я застрял с ошибкой:

Ошибка: атрибут d: ожидаемое число, «...».

поступает из d3.js.

Я не думаю, что проблема в d3; скорее всего, это моя реализация. Вот моя догадка о фактическом виновнике:

           var routeOne = svg.append('path')
              .datum({type: "LineString", coordinates: [coordinatesSH,coordinatesTK]})
              .attr('class', 'route')
              .attr('d', path);

Полный код в моем блоке.

На мой взгляд, все в порядке. Я даже жестко закодировал данные координат для простоты. Я не уверен, почему это не так.

Вопрос Что вызывает ошибку и как я могу анимировать самолет, чтобы он просто летел из одной точки в другую?


person Arash Howaida    schedule 04.01.2020    source источник


Ответы (1)


Ваша датум имеет прогнозируемые координаты. Вместо этого он должен содержать только сами координаты:

.datum({type: "LineString", coordinates: [[121.4737,31.2304],[139.7690,35.3804]]})

Вот ваш код с этим изменением:

person Gerardo Furtado    schedule 04.01.2020