Skip to content

Commit

Permalink
fix linting
Browse files Browse the repository at this point in the history
  • Loading branch information
Xintong Xia committed May 19, 2020
1 parent 352134f commit 67b6ca0
Show file tree
Hide file tree
Showing 2 changed files with 20 additions and 21 deletions.
5 changes: 4 additions & 1 deletion .prettierignore
Expand Up @@ -3,7 +3,10 @@ dist-esm
dist-es6
dist-types

.cache
website/public/

modules/edit-modes/README.md
modules/editor/README.md
modules/layers/README.md
modules/main/README.md
modules/main/README.md
36 changes: 16 additions & 20 deletions docs/api-reference/layers/selection-layer.md
Expand Up @@ -6,9 +6,9 @@ This layer can be used to select deck.gl objects using mouse drawing.
import * as React from 'react';
import ReactDOM from 'react-dom';
import DeckGL from '@deck.gl/react';
import {ScatterplotLayer} from '@deck.gl/layers';
import {SelectionLayer} from '@nebula.gl/layers';
import {StaticMap} from 'react-map-gl';
import { ScatterplotLayer } from '@deck.gl/layers';
import { SelectionLayer } from '@nebula.gl/layers';
import { StaticMap } from 'react-map-gl';

const MAPBOX_ACCESS_TOKEN = ''; // add your mapbox token here

Expand All @@ -23,48 +23,44 @@ const FEMALE_COLOR = [255, 0, 128];
const DATA_URL =
'https://raw.githubusercontent.com/visgl/deck.gl-data/master/examples/scatterplot/manhattan.json'; // eslint-disable-line

const App = function() {
const App = function () {
const radius = 30;
const maleColor = MALE_COLOR;
const femaleColor = FEMALE_COLOR;
const data = fetch(DATA_URL).then(resp => resp.json())
const data = fetch(DATA_URL).then((resp) => resp.json());

const layers = [
new ScatterplotLayer({
id: 'scatter-plot',
data,
radiusScale: radius,
radiusMinPixels: 0.25,
getPosition: d => [d[0], d[1], 0],
getFillColor: d => (d[2] === 1 ? maleColor : femaleColor),
getPosition: (d) => [d[0], d[1], 0],
getFillColor: (d) => (d[2] === 1 ? maleColor : femaleColor),
getRadius: 1,
pickable: true,
updateTriggers: {
getFillColor: [maleColor, femaleColor]
}
getFillColor: [maleColor, femaleColor],
},
}),
new SelectionLayer({
id: 'selection',
selectionType: 'rectangle',
onSelect: ({pickingInfos}) => {
},
onSelect: ({ pickingInfos }) => {},
layerIds: ['scatter-plot'],
getTentativeFillColor: () => [255, 0, 255, 100],
getTentativeLineColor: () => [0, 0, 255, 255],
getTentativeLineDashArray: () => [0, 0],
lineWidthMinPixels: 1
})];
lineWidthMinPixels: 1,
}),
];

return (
<DeckGL
initialViewState={initialViewState}
controller={true}
layers={layers}
>
<StaticMap mapboxApiAccessToken={MAPBOX_ACCESS_TOKEN}/>
<DeckGL initialViewState={initialViewState} controller={true} layers={layers}>
<StaticMap mapboxApiAccessToken={MAPBOX_ACCESS_TOKEN} />
</DeckGL>
);
}
};
```

## Properties
Expand Down

0 comments on commit 67b6ca0

Please sign in to comment.