28 lines
662 B
TypeScript
28 lines
662 B
TypeScript
import { ArcLayer } from '@deck.gl/layers/typed';
|
|
import { MapboxLayer } from '@deck.gl/mapbox/typed';
|
|
import { Layer } from 'solid-map-gl';
|
|
|
|
import type { JSX } from 'solid-js';
|
|
|
|
|
|
function MapArcLayer(props): JSX.Element {
|
|
|
|
const arcLayer = new MapboxLayer({
|
|
id: 'deckgl-arc',
|
|
type: ArcLayer,
|
|
data: props.data,
|
|
getSourcePosition: (d: any) => d.source,
|
|
getTargetPosition: (d: any) => d.target,
|
|
getSourceColor: [200, 0, 0],
|
|
getTargetColor: [0, 230, 0],
|
|
getWidth: 6,
|
|
});
|
|
|
|
return (
|
|
<>
|
|
<Layer customLayer={arcLayer} />
|
|
</>
|
|
);
|
|
};
|
|
|
|
export default MapArcLayer;
|