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.
react map mapbox-gl-js mapbox-gl webgl uber data-visualization mapbox react-mapbox-gl react-mapboxMapbox 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.
map mapbox-gl webgl vector-tiles openstreetmap monorepo mapbox-gl-js mapbox geojsonIf 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 react-mapbox-gl react mapbox-gl map mapbox webgl react-componentVector 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 10 installed (running node -v it should output something like v10.17.0).
docker vector-tiles mapbox-gl-js tileserver wmts raster-map tileserver-gl gl-styles openmaptilesVector 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).
tileserver wmts raster-map docker vector-tiles tileserver-gl gl-styles openmaptiles mapbox-gl-jsCreate a highly customizable serverless tile server for Amazon's Landsat Public Dataset. This project is based on rio-tiler python library.Since 2015 Landsat 8 data is hosted on AWS and can be freely accessed. This dataset is growing over 700 scenes a day and have archive up to 2013.
landsat aws-lambda mapbox-gl-js serverlessA full featured directions plugin for Mapbox GL JS using the Mapbox Directions API. Quickly add UI to display driving, cycling, or walking directions on the map. The Mapbox Directions API is powered by the OSRM routing engine and open data from the OpenStreetMap project.For directions functionality in native mobile and desktop applications, see Mapbox Android Services, MapboxDirections.swift, and MapboxNavigation.swift.
mapbox-gl-js mapbox osrm directions routing osm glA drawing component for Mapbox GL JS
mapbox-gl drawing mapbox-gl-js webgl mapbox drawAn Emscripten port of a subset of the functionality of International Components for Unicode (ICU) necessary for Mapbox GL JS to support right to left text rendering. Support languages that use the Arabic script along with scripts that render right-to-left but don't require special character shaping (e.g. Hebrew).Requires mapbox-gl-js (version 0.32.1 and up).
mapbox-gl-js icu mapbox-glInspired and bootstrapped from react-mapbox-gl. Currently, this module needs to be bundled by your app. If you are already using something like webpack or rollup, you should be good to go. It requires installing some peer dependencies. I chose this to avoid increasing the bundle size if you're already using some of these libraries.
react reactjs mapbox mapbox-gl-js mapbox-glAn accessibility control for mapbox-gl-js. https://mapbox.com/mapbox-gl-accessibility/ Enable voice-over and try pressing tab to see the result.
accessibility mapbox-gl-js voice-recognitionmapdeck(token = 'your_token') will give you a map. You then start adding layers by using one of the various add_*() functions. Mapdeck is also an htmlwidget, so will work in a shiny application.
r rstats mapbox-gl-js deckgl mapbox mapbox-gl geospatial mapsDivides 360° into 64 bins and accumulates lengths of road segments with corresponding orientations, then plots the distribution as a polar chart. Two-way roads are counted for both directions. Check out my blog post about how it was made.
maps visualization mapbox mapbox-gl-js geospatial roadsMake sure you have all peers dependencies required installed on your project. It is pretty simple to write your own map components. This library takes advantage of the new React 16.3 context API so you can enrich you component with Map.component() method like below. This helper will automatically add a MapContext.Provider and inject the map as a prop.
react mapbox mapbox-gl-js mapbox-gl reactjsA minimal project seed of Angular, Webpack, and MapboxGL. See live demo.
angular2 mapbox-gl-js starter angular mapbox-glmapbox-gl-rails provides the Mapbox GL JS library as a Rails engine for use with the asset pipeline. It uses the same versioning as the Mapbox GL JS. Supports Rails >= 3.2 (see Travis build matrix).
mapbox-gl-js rails ruby-on-rails mapboxgl assets-pipelinet-rex is a vector tile server specialized on publishing MVT tiles from your own data. t-rex is written in Rust. Minimal required rustc version is 1.26.
vector-tiles tile-cache database mapbox-gl-js openlayersVue-mapbox is wrapper around Mapbox GL JS library that provides vueish-way to interact with the map. Inspired by KoRiGaN's Vue2Leaflet.
mapbox-gj-js vue-mapbox mapbox-gl vue vuejs vue2 mapbox mapbox-gl-jsTextures, patterns, and shapes that make web maps work for people with color vision deficiency. Built for Mapbox GL and MapLibre GL. TextureMap polygons use the Mapbox fill-pattern property to add a pattern layer to the map. If your polygon style includes color and pattern, each of those properties will be handled by a separate layer. In other words, you will have one layer for fill-color beneath a second layer for fill-pattern. If you want to allow your user to toggle the pattern on and off, you can set the visibility to none for the pattern layer.
maps accessibility mapbox-gl-js gis maplibre-gl-jsSee also example.html and example-relative.html. Add layers that mimic 'data-driven' style properties for Mapbox GL JS. Access with require('mapbox-gl-datadriven') or mapboxgl.datadriven.
mapbox mapbox-gl mapbox-gl-js data data-driven plugin
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.