用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
}
}];