An example of creating a StackGL overlay for https://github.com/uber/react-map-gl
An experiment in using stackGL in a react-map-gl overlay.
See a live demo on gh-pages
This demo uses data from http://www.andresmh.com/nyctaxitrips/
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
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's Extended-Precision Floating-Point Numbers for GPU Computation.
See also:
npm install
npm run start
This will start a budo server running on localhost:9966.