如何将geojson数据添加到react-map-gl的源和图层组件

问题描述

我正在使用react-map-gl库来处理mapBox。我想在地图上的某些数据点上创建一条线。地图可以正常渲染，但线条未显示在地图上。

Source link @Github with all description of the problem.

解决方法

坐标应为LineString的二维数组。

dataJS应该看起来像这样

const dataJS = {
  type: "Feature",properties: {},geometry: {
    type: "LineString",coordinates: [
      [-67.13734351262877,45.137451890638886],[-66.96466,44.8097],[-68.03252,44.3252],[-69.06,43.98],[-70.11617,43.68405],[-70.64573401557249,43.090083319667144],[-70.75102474636725,43.08003225358635],[-70.79761105007827,43.21973948828747],[-70.98176001655037,43.36789581966826],[-70.94416541205806,43.46633942318431],[-71.08482,45.3052400000002],[-70.6600225491012,45.46022288673396],[-70.30495378282376,45.914794623389355],[-70.00014034695016,46.69317088478567],[-69.23708614772835,47.44777598732787],[-68.90478084987546,47.184794623394396],[-68.23430497910454,47.35462921812177],[-67.79035274928509,47.066248887716995],[-67.79141211614706,45.702585354182816],[-67.13734351262877,45.137451890638886]
    ]
  }
};