uber / Nebula.gl
Licence: other
A suite of 3D-enabled data editing overlays, suitable for deck.gl
Stars: ✭ 382
Programming Languages
typescript
32286 projects
Projects that are alternatives of or similar to Nebula.gl
React Map Gl
React friendly API wrapper around MapboxGL JS
Stars: ✭ 6,244 (+1534.55%)
Mutual labels: uber, webgl
Luma.gl
High-performance Toolkit for WebGL-based Data Visualization
Stars: ✭ 1,928 (+404.71%)
Mutual labels: uber, webgl
Webgl2examples
Rendering algorithms implemented in raw WebGL 2.
Stars: ✭ 353 (-7.59%)
Mutual labels: webgl
Vehicle In Motion
This is a basic implementation of location listener using Google Maps Api
Stars: ✭ 339 (-11.26%)
Mutual labels: uber
Egret Core
Egret is a brand new open mobile game and application engine which allows you to quickly build mobile games and apps on Android,iOS and Windows.
Stars: ✭ 3,631 (+850.52%)
Mutual labels: webgl
Unrust
unrust - A pure rust based (webgl 2.0 / native) game engine
Stars: ✭ 341 (-10.73%)
Mutual labels: webgl
Troika
A JavaScript framework for interactive 3D and 2D visualizations
Stars: ✭ 342 (-10.47%)
Mutual labels: webgl
H3 Py
Python bindings for H3, a hierarchical hexagonal geospatial indexing system
Stars: ✭ 354 (-7.33%)
Mutual labels: uber
Plasio
Drag-n-drop In-browser LAS/LAZ point cloud viewer. http://plas.io
Stars: ✭ 349 (-8.64%)
Mutual labels: webgl
Infinitetubes
A tunnel experiment in WebGL inspired by the effect seen on http://www.fornasetti.com/](Fornasetti.
Stars: ✭ 348 (-8.9%)
Mutual labels: webgl
Balena Wpe
Fullscreen WebKit browser with hardware accelerated CSS, WebGL, and HTML5 video for the RaspberryPi 3.
Stars: ✭ 353 (-7.59%)
Mutual labels: webgl
Website
nebula.gl |An editing framework for deck.gl
nebula.gl provides editable and interactive map overlay layers, built using the power of deck.gl.
Getting started
Running the example
git clone [email protected]:uber/nebula.gl.git
cd nebula.gl
yarn
cd examples/advanced
yarn
export MapboxAccessToken='<Add your key>'
yarn start-local
- You can now view and edit geometry.
Installation
yarn add @nebula.gl/layers
yarn add @nebula.gl/overlays
yarn add @deck.gl/core
yarn add @deck.gl/react
yarn add @deck.gl/layers
EditableGeoJsonLayer
EditableGeoJsonLayer is implemented as a deck.gl layer. It provides the ability to view and edit multiple types of geometry formatted as GeoJSON (an open standard format for geometry) including polygons, lines, and points.
import DeckGL from '@deck.gl/react';
import { EditableGeoJsonLayer, DrawPolygonMode } from 'nebula.gl';
const myFeatureCollection = {
type: 'FeatureCollection',
features: [
/* insert features here */
],
};
const selectedFeatureIndexes = [];
class App extends React.Component {
state = {
data: myFeatureCollection,
};
render() {
const layer = new EditableGeoJsonLayer({
id: 'geojson-layer',
data: this.state.data,
mode: DrawPolygonMode,
selectedFeatureIndexes,
onEdit: ({ updatedData }) => {
this.setState({
data: updatedData,
});
},
});
return <DeckGL {...this.props.viewport} layers={[layer]} />;
}
}
Useful examples (Codesandbox)
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].