Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/chriswhong/awesome-mapboxgl-demos

An Awesome List of Web Map Demos built with Mapbox tools and services.
https://github.com/chriswhong/awesome-mapboxgl-demos

List: awesome-mapboxgl-demos

Last synced: 3 months ago
JSON representation

An Awesome List of Web Map Demos built with Mapbox tools and services.

Host: GitHub
URL: https://github.com/chriswhong/awesome-mapboxgl-demos
Owner: chriswhong
License: cc0-1.0
Created: 2022-08-18T15:46:28.000Z (over 2 years ago)
Default Branch: master
Last Pushed: 2023-01-03T19:15:48.000Z (about 2 years ago)
Last Synced: 2024-04-10T04:50:03.940Z (9 months ago)
Size: 22.5 KB
Stars: 27
Watchers: 3
Forks: 1
Open Issues: 0
Metadata Files:
- Readme: README.md
- License: LICENSE

Awesome Lists containing this project

awesome-mapbox-external-developer-resources - awesome-mapboxgl-demos - A List of Web Map Demos built with Mapbox tools and services. (Third-Party Resources / Data)

README

        # Awesome MapboxGL Demos [![Awesome](https://cdn.rawgit.com/sindresorhus/awesome/d7305f38d29fed78fa85652e3a63e154dd8e8829/media/badge.svg)](https://github.com/sindresorhus/awesome)

> An Awesome List of Web Map Demos built with Mapbox tools and services.  Web Maps included in this list should be simple examples and demos that show off interesting functionality or data (not full-featured web apps)

> The intent of the list is to index the many amazing experiments and demos created by the mapbox GL JS developer community.

## Cloud Cover

- [Raster Cloud Cover Layer on a Mapbox Globe](https://steveattewell.com/mapbox-photo/):A convrted GeoTIFF of cloud cover displayed on a Mapbox Globe with lens effects. by Steve Atwell

## Scrolly Interactions/Animation

- [Scrollydrive](https://willymaps.github.io/scrollydrive/demo/demo.html) - Tell stories as the user scrolls and the map shows progress along a route.

- [Highlight latitiudinal bands on scroll](https://willymaps.github.io/scrolly/scrolling.html)

- [Linestring Animation in Scrollytelling App Demo](https://bl.ocks.org/chriswhong/raw/f2cac4cc2181c1045bc1d466ced95b48/?raw=true) - Animate a linestring after the user arrives at a scrollytelling chapter (uses the [Mapbox storytelling template](https://labs.mapbox.com/education/impact-tools/interactive-storytelling/))

## Client-side Processing 

- Hub and Spoke ([Site](https://willymaps.github.io/spoke/)) ([Repo](https://github.com/willymaps/spoke)): Using turf and mapbox to create dynamic hub and spoke maps.  by William Davis

- Peak Map ([Site](https://anvaka.github.io/peak-map)) ([Repo](https://github.com/anvaka/peak-map)): Visualize elevation of any area on the map with filled area charts (also known as a ridgeline).

- [Road Orientation Map](https://mourner.github.io/road-orientation-map/#11.58/40.7408/-74.008): A visualization of road orientations for the current map view. Explore the map to see the chart for your city!

- [Shadermap (A GL Map Kaleidoscope)](https://rreusser.github.io/maps/shadermap/): inserts an extra webgl context as a map control, copies the entire map via the cpu to a new webgl texture, applies a shader, and draws it

## Globes

- [Transparent Globe](https://transparent-globe.netlify.app/): A see-through globe effect ([writeup](https://darrenwiens.github.io/transparent-mapbox-globe.html))

## Miscellaneous

-  [View from the ISS](https://steveattewell.com/iss): A mapbox globe, viwerd from space, with static ISS parts in the foreground. by Steve Atwell

- [Boundaries Demo](https://demos.mapbox.com/boundaries-explorer/?country=US&layer=loc4&worldview=US#10.69/38.9028/-77.0396) - Explore the mapbox boundaries dataset (this demo is embedded at [https://www.mapbox.com/boundaries](https://www.mapbox.com/boundaries)]

- [Day & Night](https://rreusser.github.io/maps/night-and-day/#1/10/0) - Rendering a solar terminator in Mapbox, with a big tip of the hat to [@mourner](https://github.com/mourner)’s amazing SunCalc library.

**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-mapbox-external-developer-resources](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