用harp.gl从geojson画一条线

Question

有人能给我举个例子吗?我如何在harp.gl中从geojson LineString中画一条线？教程和医生都漏掉了。

目前，我正在index.js中尝试这样做：

fetch('my_data.geojson')
.then(data => data.json())
.then(data => {
   const geoJsonDataProvider = new harp.GeoJsonDataProvider("my_data", data);
   const geoJsonDataSource = new harp.OmvDataSource({
      dataProvider: geoJsonDataProvider,
      name: "my_data"
   });

    map.addDataSource(geoJsonDataSource).then(() => {
       const styles = [{
          when: "$geometryType == 'line'",
          renderOrder: 10000,
          attr: {
             color: 0x000000fe,
             size: 30
          }
       }]
       geoJsonDataSource.setStyleSet(styles);
       map.update();
    });
});

my_data.geojson在geojson.io生成

Answer 1

我只是漏掉了风格上的一些特性。通过这种风格，它工作得很好：

 const styles = [{
     "when": "$geometryType ^= 'line'",
     "renderOrder": 1000,
     "technique": "solid-line",
     "attr": {
        "color": "blue",
        "opacity": 1,
        "metricUnit": "Pixel",
        "lineWidth": 4
     }
  }];