Environment Setup¶
Let's set up your development environment for the Terra Draw workshop using modern tooling.
What is Terra Draw?¶
Terra Draw is a drawing library that provides a unified API for adding drawing functionality to web mapping applications. Unlike library-specific drawing tools, Terra Draw works consistently across different mapping platforms.
Key Features¶
- Cross-platform compatibility - Works with 6+ major mapping libraries
- Unified API - Same code structure regardless of the underlying map
- Extensive drawing modes - Points, lines, polygons, rectangles, circles, and more
- Customizable styling - Full control over appearance and behavior
- Event-driven architecture - React to drawing events and user interactions
- TypeScript support - Built with TypeScript for better developer experience
Supported Libraries¶
| Library | Version | Adapter Package |
|---|---|---|
| MapLibre GL JS | v4, v5 | terra-draw-maplibre-gl-adapter |
| Leaflet | v1 | terra-draw-leaflet-adapter |
| OpenLayers | v10 | terra-draw-openlayers-adapter |
| Mapbox GL JS | v3 | terra-draw-mapbox-gl-adapter |
| Google Maps | v3 | terra-draw-google-maps-adapter |
| ArcGIS JS API | v4 | terra-draw-arcgis-adapter |
Getting Started¶
To begin setting up your development environment:
Next: Project Setup