Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/chriswhong/awesome-mapbox-external-developer-resources
An awesome list of third-party developer resources to help you work with the Mapbox suite of location-based services, APIs, ADKs, libraries, and data.
https://github.com/chriswhong/awesome-mapbox-external-developer-resources
List: awesome-mapbox-external-developer-resources
Last synced: 9 days ago
JSON representation
An awesome list of third-party developer resources to help you work with the Mapbox suite of location-based services, APIs, ADKs, libraries, and data.
- Host: GitHub
- URL: https://github.com/chriswhong/awesome-mapbox-external-developer-resources
- Owner: chriswhong
- License: cc0-1.0
- Created: 2022-07-27T16:18:16.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2024-05-08T15:08:49.000Z (6 months ago)
- Last Synced: 2024-05-21T20:08:03.028Z (6 months ago)
- Size: 125 KB
- Stars: 52
- Watchers: 5
- Forks: 3
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
- ultimate-awesome - awesome-mapbox-external-developer-resources - An awesome list of third-party developer resources to help you work with the Mapbox suite of location-based services, APIs, ADKs, libraries, and data. (Other Lists / PowerShell Lists)
README
# Awesome Mapbox External Developer Resources [](https://github.com/sindresorhus/awesome)
> An awesome list of third-party developer resources to help you work with the [Mapbox](https://mapbox.com/) suite of location-based services, APIs, ADKs, libraries, and data.
Mapbox is a location data platform that powers the maps and location services used in many popular apps.
## Mapbox Resources
Offical Mapbox Developer Resources are available in various places on mapbox.com
- [Documentation](https://docs.mapbox.com/) - Offical Documentation for all Mapbox APIs, SDKs, and libraries. Includes tutorials, examples, and code playgrounds.
- [Tutorials](https://docs.mapbox.com/help/tutorials/) - A list of tutorials built into the docs site, includes both video and web-based tutorials for various tasks.
- [How-to Videos](https://www.mapbox.com/videos/) - Short videos showing how to perform various tasks with Mapbox's libraries and SDKs.
- [Webinars](https://www.mapbox.com/webinars) - Longer format videos including developer interviews and more substantial Mapbox builds and workflows.
## Third-Party Resources
### StackOverflow Forums
Many community members post technical questions using the `mapbox` tag on StackOverflow. [Follow the `mapbox` tag](https://stackoverflow.com/questions/tagged/mapbox)
### Technical Blog Posts
- [The making of Urban Layers](https://morphocode.com/making-urban-layers/) - Urban Layers is an interactive map created by Morphocode that explores Manhattan’s urban fabric. The project uses some of the latest mapping technologies to visualize more than 45 000 buildings.
- [Using Mapbox: The Simplest Guide To Get You Started](https://javascript.plainenglish.io/using-mapbox-the-simplest-guide-to-get-you-started-cae9896bf999) - via javascript.plainenglish.io
- [Drive time analysis using Tableau and Mapbox Isochrone API](https://datavisual.blog/2022/07/17/drive-time-analysis-using-tableau-and-mapbox-isochrone-api/) - datavisual.blog
- [Travel time isochrones with Mapbox](https://community.tableau.com/s/news/a0A8b00002GQgG4EAL/travel-time-isochrones-with-mapbox) - by Sarah Battersby on community.tableau.com
- [Your Next Tileset Inspiration for Mapbox](https://www.maptical.app/sourcing-tilesets/) - by Maptical, a review of available Mapbox tilesets and how to use them.
- [Animate Point Along an Arc in MapBox](https://dev.to/joashxu/animate-point-along-an-arc-in-mapbox-472k) - by Joash Xu
- [How to show only a single imagery and terrain map tile at a given pair of coordinates and zoom level](https://darrenwiens.github.io/mapbox-single-tile.html) - by Darren Wiens
- [Using Mapbox to Make Better Maps in Tableau](https://interworks.com/blog/2022/12/06/using-mapbox-to-make-better-maps-in-tableau/) - by John McKenzie via Interworks
- [Add a legend to Mapbox GL](https://medium.com/@lindaliuAus/add-legend-to-mapbox-gl-map-a3b2cecd445f) - by Linda Liu
- [Integrating Google Photorealistic 3D Tiles with Mapbox](https://docs.nomoko.world/using-google-photorealistic-3d-tiles-api) - by nomoko.world
- Mapbox and React Deep Dives Series by Ben Tyler
- [Introduction to Mapbox and React](https://www.lostcreekdesigns.co/writing/introduction-to-mapbox-and-react)
- [Mapbox Styles Cheatsheet](https://www.lostcreekdesigns.co/writing/mapbox-styles-cheatsheet)
- [Building a Custom Map in Mapbox Studio](https://www.lostcreekdesigns.co/writing/mapbox-studio-creating-an-avalanche-atlas)
- [Tilesets & Datasets: Managing Data in Mapbox Studio](https://www.lostcreekdesigns.co/writing/tilesets-and-datasets-managing-data-in-mapbox-studio)
- [A Complete Guide to Sources and Layers in React and Mapbox GL JS](https://www.lostcreekdesigns.co/writing/a-complete-guide-to-sources-and-layers-in-react-and-mapbox-gl-js)
- [How to Style Map Layers in Mapbox GL JS](https://www.lostcreekdesigns.co/writing/how-to-style-map-layers-in-mapbox-gl-js)
- [How to Create a Map Popup Component Using Mapbox and React](https://www.lostcreekdesigns.co/writing/how-to-create-a-map-popup-component-using-mapbox-and-react)
- [An Overview of the Mapbox Standard Style](https://www.lostcreekdesigns.co/writing/an-overview-of-the-mapbox-standard-style)
### Ecosystem Blog Posts
- [4 Best Mapbox Plugins for WordPress](https://wpforms.com/best-mapbox-plugins-for-wordpress/)
### Tutorials
- [Integrate Mapbox maps into your Noodl app](https://www.noodl.net/post/integrate-mapbox-maps-into-your-noodl-app) - noodl.net (low code platform)
- [Living Weather Data for Web Maps](https://commercedataservice.github.io/tutorial_mapbox_part2/) - Use bash, rasterio, GDAL, gribdoctor to
see atmospheric rivers
- [How to Build a Rideshare Site with React.JS (Ola Cabs Clone)](https://www.cometchat.com/tutorials/react-js-ola-cabs-clone?utm_campaign=FY2022%20Content%20-%20Tech%20Tutorials&utm_content=221923195&utm_medium=social&utm_source=twitter&hss_channel=tw-49931247)
- [SODA to Mapbox - open data to an application near you](https://www.maptical.app/soda-to-mapbox/) - Combine Open Data from a Socrata Data Portal with Mapbox
### Tutorial Videos
- [Mapbox Marker Clustering](https://www.youtube.com/watch?v=3HYvbP2pQRA) - Leigh Halliday via YouTube
- [Interactive maps in React](https://www.youtube.com/watch?v=JJatzkPcmoI) - Leigh Halliday via YouTube
- [How to Use Mapbox with Flutter](https://www.youtube.com/watch?v=hZwrcOTxDJI&t=400s) - Merci Codes via YouTube
- [Add your own data in Mapbox Studio](https://www.youtube.com/watch?v=ONMta8JHDG0) - Eric Brelsford via YouTube
- [Add an event to a map using Mapbox and PHP](https://www.youtube.com/watch?v=yiqV9tDdCVc) - Cindr.org via YouTube
- [Building a store locator in React using Algolia, Mapbox and Twilio](https://www.youtube.com/watch?v=KRzrHu_XVVY&list=PLuHdbqhRgWHKqyXbmk-QTVST-tZ1D0fMS) - Algolia via YouTube
### Codepens
- [Mapbox GL Button Control](https://codepen.io/roblabs/pen/zJjPzX)
- [Mapbox Map with Animated Marker Icons](https://codepen.io/aderaaij/pen/KvJbGj)
- [NYC Subway Map](https://codepen.io/bradleyboy/pen/Yryybq)
- [3D map visualizations with Mapbox GL JS.](https://codepen.io/ro-ka/pen/ENoOjz)
- [3D Marker Pylons](https://codepen.io/segheysens/pen/OJREber)
- [Filter Labels outside of a bounding box](https://codepen.io/cguastini/pen/LYmPaMj)
- [Get MapboxGL Camera Position on Move](https://codepen.io/chriswhong/pen/RwyazBm)
- [Mapbox GL Legend based on Layers](https://codepen.io/chriswhong/pen/YzvOMxL)
### Observable Notebooks
- [MapboxGL with Trains](https://observablehq.com/d/fb32bbf9ea0f2e41?collection=@rreusser/mapbox-dev-tests) - Animated 3D layer on top of MapboxGL
- [Animated Mapbox Vector Fields (aka Wind Maps)](https://observablehq.com/d/0823bca15e419204) - Create a "Windy-style" map using MapboxGL
- [Billboard Particles](https://observablehq.com/d/42abb1d319e691bf): 3D Snowfall Animation
- [Visualizing wind turbines in 3D using threebox](https://observablehq.com/@chrispahm/visualizing-wind-turbines-in-3d-using-threebox) - Show the visual impact of a wind turbine project on an interactive map (uses threejs and mapboxgl-js)
### Developer Tools
- [geojson.io](https://geojson.io) - Create and Edit GeoJson
- [img2geojson](https://caseymm.github.io/img2geojson/) - Digitize Geojson by tracing an image
- [dropchop.io](https://dropchop.io/) - a browser-based GIS powered by Mapbox.js and Turf.js
- [Mapbox Preview](https://marketplace.visualstudio.com/items?itemName=AlexanderBelokon.mapbox-preview) - A Visual Studio Code Extension that allows you to preview your stylesheet in Mapbox GL JS in real time.
- [Inverted Polygons Tool](https://tristen.ca/inverted-polygons/) - A simple tool for inverting a geojson polygon (creating a polygon with a "hole" in it, useful as a clipping mask to hide or subdue the basemap)
### Libraries
- [mapboxgl-legend](https://github.com/markusand/mapboxgl-legend) - Add a legend to a mapbox-gl map by parsing layer layout & paint expressions.
- [mapbox-gl-rain-layer](https://github.com/nagix/mapbox-gl-rain-layer) - An animated rain layer for Mapbox GL JS
- [webgl-wind](https://github.com/mapbox/webgl-wind) - Add an animated wind layer to Mapbox GL JS
- [mapbox-gl-animated-popup](https://nagix.github.io/mapbox-gl-animated-popup/) - Animated popups for Mapbox GL Maps
### R
- [MapboxAPI](https://walker-data.com/mapboxapi/) - mapboxapi is an R package that interfaces with Mapbox web services APIs. Its purpose is to help R users incorporate the suite of Mapbox tools into their spatial data science projects.
### Data
- [geojson.xyz](http://geojson.xyz/) - A simple, open source website, CDN, and CLI utility for the fast access of GeoJSON data for web mapping examples and experiments
**Related lists**
- [awesome-geojson](https://github.com/tmcw/awesome-geojson) - GeoJSON utilities that will make your life easier.
- [awesome-vector-tiles](https://github.com/mapbox/awesome-vector-tiles) - The Mapbox Vector Tile spec is an efficient encoding for map data into vector tiles that can be rendered dynamically.
- [awesome-mapbox-webmaps](https://github.com/chriswhong/awesome-mapbox-webmaps) - A List of Web Map Applications built with Mapbox tools and services.
- [awesome-mapboxgl-demos](https://github.com/chriswhong/awesome-mapboxgl-demos) - A List of Web Map Demos built with Mapbox tools and services.