Gist 9496726

100%

✓ Published0🌍 Public

Last edited Mar 11, 2014

Created on Mar 11, 2014

This example displays a MapBox base map using a GDAL WMS configuration that defines a TMS service, projecting the entire world in EPSG:3857 with tile levels up to 18. The XML file specifies the server URL, data window boundaries, and 256x256 pixel blocks with three color bands, effectively rendering satellite or street imagery as a raster layer. The visualization relies on GDAL’s WMS driver to fetch tiles from MapBox’s servers, with a cache enabled for performance. It does not use JavaScript libraries like d3 or Three.js, focusing instead on a server-side tile definition for seamless map display.

AI-generated description

Similar vizzes

Loading thumbnail…

Default basemap for the Blue Raster's GFW Pro web application

This example presents a custom vector basemap for Blue Raster’s GFW Pro web application, styled using a Mapbox GL style specification. It renders land, water, and urban areas from Esri’s World Basemap vector tile service, with layered fills for lakes, rivers, and intermittent water bodies. The JSON defines paint properties and zoom-dependent visibility, pulling sprite and glyph resources from ArcGIS basemap services.

SSwampGuzzler

71% match

Loading thumbnail…

Gist 92ccda216d53db9f20a8f2b4c3a60b58

This mosaic visualization displays a high-resolution digital elevation model of Place Glacier, rendered as a tiled web map. It uses a custom `mosaicjson` specification to define tile sources from public S3-hosted GeoTIFF files, with a tile size of 256 pixels and a scale of 2. The map supports zoom levels from 0 to 24, and the code sets geographic bounds for the glacier area. The rendering relies on the mosaic JSON structure to assemble the image tiles, enabling interactive exploration of elevation data.

MMbrownshoes

69% match

Loading thumbnail…

Gist 242e773969e53286f87a

This example presents a dynamic geographic mapping interface powered by a live data feed from a Quadrant server, visualizing real-time information over a map of the United States. The code employs `d3.forceSimulation` to position and animate network nodes, while `d3.geoPath` and Canvas's `getImageData` handle the rendering and manipulation of the geographic base layer. The visualization, likely representing network activity or fleet locations, refreshes over a rolling two-hour window, with user controls for time range and sub-app navigation embedded in the URL. The UI is constructed with HTML and CSS, with the map generated from a topojson data source.

SStephen

67% match

Loading thumbnail…

Gist 6b515fcc2b7c6479d9c31059140eb611

This example displays a full-screen interactive map of the contiguous United States, centered on the country’s geographic midpoint using Mapbox GL JS. The map uses a custom Mapbox style and includes a navigation control for zoom and rotation. The viewport is constrained to the bounding box spanning from the Southwest to the Northeast corners of the lower 48 states. The code sets an initial zoom level and center coordinates derived from that bounding box, but does not load or visualize any external data layers.

WWill Carter

67% match

Loading thumbnail…

Gist cd3b399ded90abed9e03930563398518

This example displays a Mapbox GL JS map centered on Houston, Texas, at zoom level 10, with a set of airfield-style symbol markers plotted over a custom vector tile source. The visualization uses `map.addSource` to load a hosted vector tileset containing school location data and `map.addLayer` to render those points as icons via the `symbol` layer type. A collapsible overlay panel and a menu for switching map views are included, though the menu’s active state and overlay content are not populated in the provided code. The map style is a custom Mapbox style URL.

JJn1532

67% match

Loading thumbnail…

A basic map with MapboxGL.js

This example shows a basic interactive map of the Netherlands, displaying earthquake data as colored circles and extruded 3D buffers. The map uses MapboxGL.js v0.44.0 to render vector tiles from the PDOK topotiles service and GeoJSON point and buffer data from GitHub. Circle radius and fill-extrusion heights are interpolated based on zoom level, while colors are assigned categorically by earthquake type. The code defines a full Mapbox style object inline, including sources, layers, and paint properties.

NNieneB

67% match

Loading thumbnail…

Gist 52138cb406012a760fee

This example renders a world map from a TopoJSON file containing land polygons. The visualization uses D3.js to project and draw the geographic data onto a canvas, with the `d3.geoPath` function handling the polygon outlines. The code loads the `Land.json` file, which stores the geometry in TopoJSON format, and prepares it for display using D3’s geographic projection utilities. The map shows the basic landmasses of the world as simple filled shapes, with no additional thematic data or interaction applied to the polygons.

SStephen

66% match

Loading thumbnail…

Mapbox 1.X Reference Examples

This example showcases a collection of Mapbox GL JS code snippets, extracted from official documentation at version 1.12.0, demonstrating various interactive mapping techniques. It features an animated image overlay on a map, using the Mapbox GL JS API to handle tile rendering and camera controls. The snippets illustrate how to integrate custom vector tiles and geospatial data, with code for styling layers and managing user interactions. The project serves as a reference for common mapping tasks, such as adding markers, drawing polygons, and animating data over time.

CCurran Kelleher

66% match