GIS Tools

Language

Made withfor the GIS community

Draw Points/Lines/Polygons

Draw new features with optional snapping

Vector Editing

Drawing Mode

Features

0
Points
0
Lines
0
Polygons

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

  1. Open the Draw Points/Lines/Polygons tool in your browser.
  2. Pick a basemap (OSM, satellite, or blank).
  3. Select a draw mode (Point, Line, or Polygon).
  4. (Optional) Enable snapping and set the tolerance.
  5. Click on the map to place vertices. Double-click to finish a LineString or Polygon.
  6. Enter attributes in the prompt.
  7. Repeat for additional features.
  8. Export as GeoJSON, KML, Shapefile, or WKT.
  9. 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

100% client-side processing - your data stays private and never leaves your device