react-map-gl - React friendly API wrapper around MapboxGL JS

  •        244

In addition to exposing MapboxGL functionality to React apps, react-map-gl also integrates seamlessly with deck.gl.browserify - react-map-gl is extensively tested with browserify and works without configuration.

https://uber.github.io/react-map-gl
https://github.com/uber/react-map-gl

Dependencies:

babel-runtime : ^6.23.0
bowser : ^1.2.0
immutable : *
mapbox-gl : 0.40.1
mjolnir.js : >=0.2.0
prop-types : ^15.5.7
viewport-mercator-project : ^4.0.1

Tags
Implementation
License
Platform

   




Related Projects

react-mapbox-gl - A React binding of mapbox-gl-js

  •    TypeScript

If those properties changed at the mapbox-gl-js level and you don't update the value kept in your state, it will be unsynced with the current viewport. At some point you might want to update the viewport value (zoom, pitch or bearing) with the ones in your state but using value equality is not enough. Taking zoom as example, you will still have the unsynced zoom value therefore we can't tell if you want to update the prop or not. In order to explicitly update the current viewport values you can instead break the references of those props and reliably update the current viewport with the one you have in your state to be synced again. Please try to reproduce your problem with the boilerplate before posting an issue.

mapbox-gl-js - Interactive, thoroughly customizable maps in the browser, powered by vector tiles and WebGL

  •    Javascript

Mapbox GL JS is a JavaScript library for interactive, customizable vector maps on the web. It takes map styles that conform to the Mapbox Style Specification, applies them to vector tiles that conform to the Mapbox Vector Tile Specification, and renders them using WebGL.Mapbox GL JS is part of the cross-platform Mapbox GL ecosystem, which also includes compatible native SDKs for applications on Android, iOS, macOS, Qt, and React Native. Mapbox provides building blocks to add location features like maps, search, and navigation into any experience you create. To get started with GL JS or any of our other building blocks, sign up for a Mapbox account.

react-native-mapbox-gl - A Mapbox GL react native module for creating custom maps

  •    Java

Mapbox is the location data platform for mobile and web applications. We provide building blocks to add location features like maps, search, and navigation into any experience you create. Use our simple and powerful APIs & SDKs and our open source libraries for interactivity and control.Not a Mapbox user yet? Sign up for an account here. Once you’re signed in, all you need to start building is a Mapbox access token. Use this same short code with all of our interactive mapping libraries, Python and JavaScript SDKs, and directly against our REST APIs. You can create and manage your access tokens on your Mapbox Account page.

mapbox-gl-native - Interactive, thoroughly customizable maps in native Android, iOS, macOS, Node

  •    C++

A library for embedding interactive, customizable vector maps into native applications on multiple platforms. It takes stylesheets that conform to the Mapbox Style Specification, applies them to vector tiles that conform to the Mapbox Vector Tile Specification, and renders them using OpenGL. Mapbox GL JS is the WebGL-based counterpart, designed for use on the Web.If your platform or hybrid application framework isn’t listed here, consider embedding Mapbox GL JS using the standard Web capabilities on your platform.

tileserver-gl - Vector and raster maps with GL styles

  •    Javascript

Vector and raster maps with GL styles. Server side rendering by Mapbox GL Native. Map tile server for Mapbox GL JS, Android, iOS, Leaflet, OpenLayers, GIS via WMTS, etc. Make sure you have Node.js version 6 installed (running node -v it should output something like v6.11.3).


Kepler.gl - Data-agnostic, high-performance web-based application for visual exploration of large-scale geolocation data sets

  •    Javascript

Kepler.gl is a data-agnostic, high-performance web-based application for visual exploration of large-scale geolocation data sets. Built on top of Mapbox GL and deck.gl, kepler.gl can render millions of points representing thousands of trips and perform spatial aggregations on the fly.

gl-react - [gl-react v3 alpha] – a React library to write and compose WebGL shaders

  •    Javascript

This repository hosts gl-react v3. For gl-react v2, please see ProjectSeptemberInc/gl-react. gre/gl-react repository is a complete rewrite of ProjectSeptemberInc/gl-react library (gl-react v2). It plans to be the gl-react v3. We keep both repository at same time because (1) this work is not yet finished and (2) this repository is now a "multi libraries" repository (it's just easier to maintain that way).

gray-matter - Smarter yaml front matter parser, used by metalsmith, gatsby, netlify, assemble, mapbox-gl, phenomic, and many others

  •    Javascript

Parse front-matter from a string or file. Fast, reliable and easy to use. Parses YAML front matter by default, but also has support for YAML, JSON, TOML or Coffee Front-Matter, with options to set custom delimiters. Used by metalsmith, assemble, verb and many other projects. Please consider following this project's author, Jon Schlinkert, and consider starring the project to show your ❤️ and support.

gl-react-native-v2 - OpenGL bindings for React Native to implement complex effects over images and components, in the descriptive VDOM paradigm

  •    Java

OpenGL bindings for React Native to implement complex effects over images and components, in the descriptive VDOM paradigm. gl-react-native is an implementation of gl-react for react-native. Please read the main gl-react README for more information.

mapbox-gl-native

  •    C++

Render Mapbox styles in mobile, desktop, and node applications using C++ and OpenGL

geojson-vt - Slice GeoJSON into vector tiles on the fly in the browser

  •    Javascript

A highly efficient JavaScript library for slicing GeoJSON data into vector tiles on the fly, primarily designed to enable rendering and interacting with large geospatial datasets on the browser side (without a server).Created to power GeoJSON in Mapbox GL JS, but can be useful in other visualization platforms like Leaflet and d3, as well as Node.js server applications.

react-ape - 🦍• [Work in Progress] React Renderer to build UI interfaces using canvas/WebGL

  •    Javascript

React Renderer to build UI interfaces using canvas/WebGL. React Ape is a react renderer to build UI interfaces using canvas/WebGL. React Ape was built to be an optional React-TV renderer. It's mainly a renderer focused on creating things for TV, PS4, Nintendo Switch, PS Vita, PS3 and low memory devices. If you're curious about the name: It's a "joke" with Netflix's React Gibbon renderer. I choose to use Ape then.

mapbox-android-demo - Demo app for Mapbox Android SDK on Google Play

  •    Java

This is a public demo of the Mapbox Maps SDK for Android. The demo app is available now in the Google Play Store and it shows off all the examples found on mapbox.com/android-sdk/examples using the same code. There are also examples that only live in the app. The app "labs" section combines the examples to create more complex demos. Check out the overview page to get started using the Mapbox Maps SDK for Android in your Android project.Note: This repo uses checkstyle to make sure code contributed follows the Mapbox Style standards. When a pull request is opened, Bitrise will check that no style issues occur in the code. To setup Checkstyle in Android Studio read this wiki entry.

mapbox.js - Mapbox JavaScript API, a Leaflet Plugin

  •    HTML

This is the Mapbox Javascript API, version 2.x. It's built as a Leaflet plugin. You can read about its launch.The mapbox.js file includes the Leaflet library. Alternatively, you can use mapbox.standalone.js, which does not include Leaflet (you will have to provide it yourself).

mbxmapkit - DEPRECATED - Lightweight Mapbox integration with MapKit on iOS

  •    Objective-C

MBXMapKit is deprecated in favor of the Mapbox iOS SDK 2.0.0 and above. The future of Mapbox maps is vector rendering, and Apple shows no signs of allowing custom vector rendering in MapKit, so we recommend that you use the OpenGL-based Mapbox iOS SDK 2.0.0 instead.

awesome-vector-tiles - awesome implementations of the Mapbox Vector Tile specification

  •    

The Mapbox Vector Tile spec is an efficient encoding for map data into vector tiles that can be rendered dynamically.To the extent possible under law, Tom MacWright has waived all copyright and related or neighboring rights to this work.

tegola - Tegola is a Mapbox Vector Tile server written in Go

  •    Go

Tegola is a vector tile server delivering Mapbox Vector Tiles with support for PostGIS and GeoPackage data providers. Return a JSON encoded list of the server's configured maps and layers with various attributes.

react-vis - Data-Visualization oriented components

  •    Javascript

A collection of react components to render common data visualization charts, such as line/area/bar charts, heat maps, scatterplots, contour plots, pie and donut charts, sunbursts, radar charts, parallel coordinates, and tree maps.Install react-vis via npm.

mapbox-ios-example - Example app showing use of MapBox technologies on native iOS.

  •    Objective-C

Example app showing use of MapBox technologies on native iOS.

HTML-GL - Get as many FPS as you need and amazing effects by rendering HTML/CSS in WebGL

  •    Javascript

HTML GL solves "the slow DOM problem" by creating WebGL representations of DOM elements and hiding actual DOM after. This speeds up HTML/CSS animations and transformations by using 3D hardware acceleration and allows to apply OpenGL effects as modern 3D games have. Using HTML GL you still work with HTML/CSS as you are common to, but DOM elements are just facades to their WebGL representations. These GPU accelerated textures are very effective from resources consuming perspective and are very cheap to transform or animate.





We have large collection of open source products. Follow the tags from Tag Cloud >>


Open source products are scattered around the web. Please provide information about the open source projects you own / you use. Add Projects.