Draw Points/Lines/Polygons
Draw new features with optional snapping
What Is a GIS Draw Tool?
A GIS draw tool lets you create new vector features β points, lines, and polygons β by clicking on a map. It is the digital equivalent of drawing on a paper chart with a pen: you place vertices with mouse clicks, close a polygon with a double-click, and annotate with attributes. The Draw Points/Lines/Polygons tool on gis.tools provides a full drawing environment in the browser, with optional snapping, attribute entry, and export to any common GIS format.
Drawing tools are everywhere in modern web mapping. Leaflet.Draw, Mapbox GL Draw, OpenLayers Draw interaction, and TerraDraw are the usual building blocks for web maps that accept user input. These libraries are excellent for developers but require integration work. Our tool wraps a similar feature set in a standalone page so anyone β not just developers β can draw features and export them without writing code.
Typical uses include delineating a study area, sketching a proposed route, annotating an observation location, capturing a field sample point, marking incidents on an event map, or digitizing a feature from a scanned basemap. Because everything runs client-side, the features you draw are never uploaded, which is essential for confidential site planning, law enforcement mapping, and private research.
How the Draw Tool Works
Draw Modes
Three primary modes: Point, LineString, and Polygon. Each mode listens for clicks on the map and builds a geometry incrementally. For LineStrings and Polygons, each click places a new vertex; a double-click (or Enter key) finishes the geometry. Polygons automatically close the ring from last vertex back to first.
Snapping
Optional snap-to-vertex and snap-to-edge help align new features with existing ones. Snap tolerance is in pixels and configurable. Snapping is essential for maintaining topology when drawing adjacent polygons like parcel boundaries or administrative zones.
Attribute Entry
After finishing a geometry, a form prompts for attribute values. The attribute schema is configurable β you can pre-define fields or let the tool infer from existing features.
Rectangle and Circle Helpers
Beyond freehand drawing, the tool supports rectangle and circle shortcuts. Rectangles are created by click-drag; circles by click center and drag radius. Both are converted to polygon GeoJSON at finish time.
Key Parameters and Options
Mode
Point, LineString, Polygon, Rectangle, or Circle.
Snap Tolerance
Pixels within which the cursor snaps to nearby features. Typical 5-15 pixels.
Default Basemap
OpenStreetMap, satellite imagery, or a blank canvas. Basemaps help orient drawing.
CRS
Features are drawn in the map's CRS (typically Web Mercator for display) and stored in WGS84 GeoJSON by default.
Attribute Schema
Pre-define fields (name, type, description) or leave free-form.
Practical Applications
Study Area Delineation
Researchers define the spatial extent of a study by drawing a polygon around their area of interest. This polygon feeds downstream clipping, filtering, and analysis workflows.
Incident Mapping
Emergency response teams mark incident locations, safety zones, and evacuation areas as points and polygons. Quick drawing lets them build a common operational picture on the fly.
Field Observation Capture
Ecologists, archaeologists, and geologists drop points at observation locations, drawing around features of interest for later analysis. Offline-capable drawing is a big plus in remote fieldwork.
Route Sketching
Transportation planners sketch proposed routes (bike paths, utility corridors, emergency evacuation routes) for initial feasibility discussions. The drawn LineString can be exported for detailed analysis.
Property Boundary Marking
Real estate agents, landowners, and small surveyors draw approximate parcel boundaries for client presentations and internal records.
Heads-Up Digitizing
Digitizing features from a georeferenced raster (old map, aerial photo, satellite imagery) is a classic GIS task. The draw tool lets you trace features directly on the basemap.
Event Zone Marking
Festival organizers, sports event planners, and permit applicants mark activity zones, access routes, and no-go areas on a shared map.
Teaching
GIS instructors use drawing tools to have students create their first GeoJSON file. It is the lowest-friction way to generate real geometry for analysis exercises.
Step-by-Step Workflow in gis.tools
- Open the Draw Points/Lines/Polygons tool in your browser.
- Pick a basemap (OSM, satellite, or blank).
- Select a draw mode (Point, Line, or Polygon).
- (Optional) Enable snapping and set the tolerance.
- Click on the map to place vertices. Double-click to finish a LineString or Polygon.
- Enter attributes in the prompt.
- Repeat for additional features.
- Export as GeoJSON, KML, Shapefile, or WKT.
- For more advanced editing, pass the result to the Feature Editor.
Worked Example
A city planner is preparing a public meeting about a proposed bus rapid transit corridor. She needs a simple map showing the corridor centerline and five candidate station locations for the presentation. She opens the Draw tool, picks satellite imagery as the basemap, enables snapping, and in ten minutes clicks out the centerline (LineString with 23 vertices) and five station points. She exports the GeoJSON, drops it into the Online Map Viewer (Multi-Layer) for a styled preview, and a screenshot becomes the hero image of her presentation. Because everything was drawn locally, the still-confidential alignment never left her laptop.
Common Pitfalls and Gotchas
- Accidental double-click: Finishes a geometry prematurely. Use the explicit Finish button if unsure.
- Missing snap: Without snapping, adjacent polygons develop slivers and gaps.
- Projection mismatch at high latitudes: Drawing in Web Mercator near the poles produces visually distorted shapes.
- Basemap alignment errors: Basemap imagery is not always georeferenced perfectly; digitizing on an offset image produces offset features.
- Lost work on tab close: Browser state is ephemeral. Export frequently.
- Attribute schema drift: Letting attributes be free-form leads to messy exports; define the schema up front.
- Too many vertices: Over-enthusiastic clicking produces bulky geometries. Simplify afterward with GeoJSON Simplifier.
- Self-intersecting polygons: Backtracking over existing vertices can create bowties. Undo and retry.
Tips for Best Results
- Enable snapping whenever you draw adjacent features.
- Use a satellite basemap for precise tracing.
- Export frequently β the browser tab is not a database.
- Pre-define the attribute schema to keep exports clean.
- Zoom in before drawing small features.
- Use the Undo button liberally.
- Verify features in the GeoJSON Validator & Fixer before downstream use.
- For long drawing sessions, split work into separate files and merge later.
Comparison with Other GIS Approaches
Leaflet.Draw and Mapbox GL Draw are the library building blocks most developers use. iD Editor is OpenStreetMap's web editor. QGIS and ArcGIS Pro have full digitizing suites but require install. Our Draw tool is a ready-made, format-agnostic option positioned between a throwaway library demo and a full desktop session.
Performance Considerations
Drawing hundreds of features is smooth. Thousands become sluggish in the map renderer. For bulk data creation, consider a spreadsheet workflow via the CSV to Points Layer tool instead.
Data Privacy and Browser-Based Processing
Drawn features stay in your browser until you export them. No upload, no logging, no telemetry. This matters for sensitive planning, emergency response, and confidential research.
Related GIS Concepts
- Heads-up digitizing: tracing features from a georeferenced image.
- Vertex snapping: automatically aligning new vertices with existing ones.
- Ring closure: automatically closing a polygon by connecting last vertex back to first.
- Attribute schema: the set of field names and types describing feature properties.
- Feature collection: a GeoJSON top-level object containing multiple features.
Frequently Asked Questions
Can I draw multi-part features?
Draw each part separately and merge them with the Merge Features tool.
Does it support offline basemaps?
Yes β the tool bundles a minimal offline tile set for disconnected work. See the Basemap Switcher.
Can I edit features after drawing?
Yes β pass the result to the Feature Editor for move/rotate/vertex edits.
Are my drawings saved automatically?
No β export to file before closing the tab.
Can I import existing features and add to them?
Yes β drop an existing GeoJSON on the map, then continue drawing.
Related Tools on gis.tools
Related Tools
View All ToolsTopology Helpers
Auto-close rings, remove spikes, and fix topology errors
Vector EditingSimplify Preserving Topology
Reduce vertices while maintaining shared boundaries
Vector EditingFeature Editor
Move, rotate, and reshape features in the browser
Vector EditingGeometry Repair
Fix self-intersections and other geometry errors
Vector EditingCut Polygon by Line
Split a polygon using a cutting line
Vector EditingMerge Features
Combine multiple features into one
Vector Editing100% client-side processing - your data stays private and never leaves your device