react-map-gl-stack-gl-overlay-example

KO | EN

gitlite — search

#hacktoberfest #llm #android #rust #deep-learning #docker #nodejs #java #awesome #cli #kubernetes #security #openai #mcp

react-map-gl-stack-gl-overlay-example

(★ 18)

An example of creating a StackGL overlay for https://github.com/uber/react-map-gl

react-map-gl-stack-gl-overlay-example Latest Version Download

Download Latest Version (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# react-map-gl-stack-gl-overlay-example

An experiment in using stackGL in a
[react-map-gl](https://github.com/uber/react-map-gl) overlay.

See a [live demo on gh-pages](http://vicapow.github.io/react-map-gl-stack-gl-overlay-example/)

![](https://raw.githubusercontent.com/vicapow/react-map-gl-stack-gl-overlay-example/master/demo.gif)

This demo uses data from http://www.andresmh.com/nyctaxitrips/

## Usage

````js
    render: function render() {
      return <MapGL ...viewportProps>
        <ExampleOverlay
          latitude={viewportProps.latitude}
          longitude={viewportProps.longitude}
          zoom={viewportProps.zoom}
          locations={locations} />
      </MapGL>;
    }
````

See example/main.js for a full example

## Passing Tile Coordinates to GPU

This has evolved into a larger experiment in passing projected tile coordinates
directly to the GPU as a performance optimization. It represents each tile
coordinate as a double using two float values and uses the double-float
functions from [Andrew Thall](http://andrewthall.org/)'s
[Extended-Precision Floating-Point Numbers for GPU Computation](http://andrewthall.org/papers/df64_qf128.pdf).

react-map-gl-stack-gl-overlay-example

react-map-gl-stack-gl-overlay-example Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

react-map-gl-stack-gl-overlay-example

react-map-gl-stack-gl-overlay-example Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

Download README