GraticBlog

web tool for drawing ISOM maps with bezier pens

A web tool for drawing ISOM maps with Bézier pens must combine vector curve digitising with dedicated orienteering specifications, CMYK overprint ink tables, and clean layer symbol sets. General browser graphics tools lack standard cartographic symbols, while desktop suites require local installations. Gratic provides a dedicated vector cartography editor that runs in any modern browser tab, pairing responsive Bézier drawing pens directly with official International Orienteering Federation map standards and export options.

Can you draw ISOM maps with vector pens in a browser tab?

Yes, you can draw specification-compliant ISOM maps directly in a browser tab using dedicated cartographic vector pens. General browser graphics suites treat paths as uniform RGB strokes, but orienteering cartography demands lines that automatically render specific dash lengths, spacing ticks, and print ink hierarchies without requiring manual post-processing.

Drawing terrain features such as paths, contours, cliffs, and fences involves strict cartographic rules defined by the International Orienteering Federation. In traditional desktop cartography, an editor like OCAD or the desktop tool OpenOrienteering Mapper manages these complex visual attributes behind a specialised symbol library. When using generic web illustration tools, an author must manually draw dashes or construct tick marks along a spline curve. That approach breaks down immediately on complex sports maps containing hundreds of discrete terrain objects.

At Gratic, we engineered our browser editor to handle vector Bézier curve interpolation specifically for terrain and orienteering cartography. When you select a linear symbol—such as fence symbol 516 or ruined fence symbol 517—and sketch a path, our vector engine applies the required stroke weights, gaps, and corner ticks directly along the Bézier curve. The pen tool handles tangents and node manipulation smoothly while maintaining the geometric consistency necessary for survey tracing.

Furthermore, modern browser environments easily support the precision math required for complex curve projection. Because Gratic runs on any modern operating system including Linux, macOS, and Windows without desktop installers, cartographers can survey ground or inspect georeferenced raster scans on whatever machine they have available. You sign in with an email sign-in code, open the tab, and start digitising vector geometry directly over your base layers.

  1. Open browser tab and sign in
  2. Ingest elevation tiles or georeference scans
  3. Trace terrain geometry with vector Bézier pens
  4. Apply ISOM symbols and ink overprint rules
  5. Export to OCAD format or send to print

How do Bézier pens interact with ISOM symbol definitions?

Cartographic Bézier pens link mathematical vector curves directly to rule-based symbol attributes rather than static cosmetic strokes. In standard orienteering mapping, moving an anchor point or adjusting a Bézier control handle dynamically regenerates dependent symbol elements, including dashed gaps, orientation ticks, and defined border widths along the line.

In standard vector design software, drawing a jagged line or a dashed boundary requires custom stroke stylers that rarely match sports governing specifications. The IOF Council approved ISOM 2017-2 in April 2019, formalising line weights, minimum gaps, and symbol footprints for forest competition. Drawing impassable cliff symbol 201 or contour lines requires that the stroke maintain its defined millimetre footprint regardless of screen zoom level. A standard illustration pen cannot calculate cartographic scale changes automatically.

Within Gratic, vector pens are tied directly to the active layer's symbol set. When drawing a fence, the Bézier curve calculates tick positioning on the fly. If you decide that the tick intervals on your sheet are too tight for clarity, you adjust the symbol parameters in the symbol editor. Because the vector curve remains an editable Bézier spline, every corresponding fence on the sheet redraws automatically across the canvas. Adjusting these properties leaves the underlying ground trace intact without requiring a manual redraw.

This continuous connection between geometry and standard symbol sets extends to area fills and point orientations. Area symbols, such as open land or boulder fields, fill the closed Bézier boundaries according to exact screen percentages and pattern matrices. Anchor points remain fully editable, allowing you to fine-tune woodland perimeters, riverbanks, and contours against underlying survey data. The cartographer controls node density and tangent curves without breaking specification compliance.

Technical Requirement General Web Vector Model Dedicated Cartography Model
Symbol Linkage Cosmetic paths and static styles Mathematical curves tied to standard symbol definitions
Curve Dynamics Fixed dash offsets along splines Dynamic recalculation of corner ticks and gap intervals
Colour Structure Screen RGB and plain visual blends Discrete CMYK print inks and sequential overprint orders
Document Layers Single universal canvas grouping Independent symbol sets and ink orders per layer
Map Interoperability Generic SVG and DXF geometry Preservation of IOF symbol numbering and OCAD file exports

How does colour overprinting work when drawing vector maps online?

Colour management for terrain maps requires a structured ink table arranged by print sequence rather than a simple RGB screen palette. In sports cartography, the order of physical inks determines which terrain feature covers another, ensuring that contours, tracks, boulders, and vegetation screens remain readable when printed on paper.

On a standard computer screen, graphics applications draw objects in arbitrary visual layer order or using digital blending modes. Professional terrain cartography, however, reflects physical lithographic and digital print processes. An orienteering map is built from specific CMYK printing inks, where overprinting rules allow a black track or brown contour to pass over a yellow open-land fill without knocking out the underlying pigment. If an online editor treats colour merely as screen pixels, the printed map will display misaligned knockout halos or unreadable overlapping lines.

In Gratic, colors are treated strictly as print inks. Users define ink compositions using CMYK values, toggle overprint behavior on or off, and arrange inks within an explicit vertical print order. When you adjust the position of an ink in the table, the map canvas redraws according to the updated print hierarchy. This mirrors the mechanical operation of a physical press, ordering symbols to obscure or overprint one another according to cartographic standards.

Because symbol sets and ink tables belong to individual layers rather than locking the entire file, you can maintain standard ISOM specifications alongside custom club symbols on separate layers within the same document. Club-specific training markers or local course elements exist cleanly alongside official IOF symbols without numeric collisions. When base data arrives from national mapping services or elevation tiles, it populates cleanly beneath your drawn Bézier features.

Preparing vector map sheets for print and export

Once vector lines and area boundaries are digitised, maps require clean layout handling and reliable export pathways. A map editor must bridge browser work with existing club workflows. Gratic allows surveyors to import vector base data directly, georeference scanned paper maps or aerial rasters, and trace features with cartographic pens. Once the drawing is finished, the document can be sent directly to print or exported into files compatible with OCAD, ensuring you can collaborate with clubs using traditional software without losing symbol attribution.

Frequently asked questions

Can I export my browser-drawn map into OCAD?

Yes. Maps drawn in Gratic export directly into files compatible with OCAD. Symbol numbers, Bézier paths, point markers, and layer structures remain intact, allowing other club members or event controllers to open and inspect the map using their preferred desktop applications without manual symbol remapping.

Do I need to install plugins or software licences to use Gratic?

No. Gratic operates entirely in a modern browser tab on Windows, Linux, and macOS. There is nothing to install and nothing to license; you simply enter your email address to receive an email sign-in code and access your mapping projects immediately.

How does Gratic handle base terrain data for tracing?

Gratic directly imports elevation tiles and connects to national mapping service vector data. Surveyors can also import scanned maps and georeference them directly inside the browser tab, providing a rectified raster layer over which Bézier lines and standard ISOM symbols can be accurately traced.

Does Gratic support both forest and sprint orienteering standards?

Gratic supports standard International Orienteering Federation specifications, including ISOM for forest terrain maps and ISSprOM for sprint maps. The editor also allows cartographers to build, import, or modify custom symbol sets on individual layers without disrupting standard symbol tables.

Sources

  1. Resources for Mappers — britishorienteering.org.uk