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

KO | EN

gitlite — search

#javascript #python #hacktoberfest #react #ai #typescript #llm #go #golang #android #machine-learning #rust #deep-learning #linux

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

★ 18 Open GitHub ↗

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

// 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

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

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

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

Download README