MapWeave Examples

Map Adapters

Mapbox

Use MapWeave with Mapbox.

See example

MapLibre

Use MapWeave with MapLibre.

See example

Standalone

Use MapWeave without a third party basemap library.

See example

MapWeave Basics

Network Nodes and Links

Create a graph with fixed connected nodes.

See example

Fixed and Free Nodes

See different types of nodes in MapWeave.

See example

Pin Free Nodes

Pin nodes in position after a user has dragged them.

See example

Observations and Trajectories

Generate trajectories from raw observation data.

See example

Tracker Nodes

Show the positions of moving entities with tracker nodes.

See example

GeoJSON Data

Add GeoJSON data to your map.

See example

Fit to Bounds

Fit the view to bounds defined by your data.

See example

Styling

Links and Routes

Explore the different ways links can be displayed.

See example

Style Nodes and Labels

Explore different styling options for nodes.

See example

Add Images to Nodes

Style nodes with images.

See example

Style Combined Nodes

Style combined nodes and links using custom rules.

See example

Style Links and Labels

Explore different styling options for links.

See example

Reducing Clutter

Adaptive Styling

Reduce clutter and improve readability at each zoom level.

See example

Link Color Gradient

Show volume of flow or network traffic with color scale.

See example

Proximity Combining

Reduce clutter by combining nearby nodes.

See example

Observations Transitions

Customize what is visible at different zoom levels.

See example

Revealing Hidden Labels

Hide labels by default and reveal them on demand.

See example

Interactions

Highlight a Node

Highlight the hovered node with custom styling.

See example

Highlight a Trajectory

Highlight the hovered trajectory with custom styling.

See example

Highlight Neighbors

Highlight the neighbors of a hovered node.

See example

Event Handling

See how MapWeave handles interaction events.

See example

Relocate Fixed Nodes

Use interactions to move geolocated nodes.

See example

GeoJSON Boundaries

Filter a Network

Create an interactive GeoJSON layer to filter networks.

See example

Filter Trajectories

Create an interactive GeoJSON layer to filter trajectories.

See example

Geofence Tracker Nodes

Detect when tracker nodes are inside a GeoJSON region.

See example

Integrations

Networks with the Time Bar

Use a time bar to filter a network by time period.

See example

Observations with the Time Bar

Use a time bar to filter observations by time period.

See example

Observations with KronoGraph

Use MapWeave with KronoGraph for in-depth temporal analysis.

See example