🎉 Celebrate with 10% OFF on All Products! Use Code: GFEX10 Or Buy Any 2+ Items for 30% OFF with Code: GFEX30!
Home Add-ons Map Area & Route Drawing
Premium Integration

Gravity Forms
+ Map Area & Route Drawing

Let visitors draw on a map in your Gravity Forms and get the area and length automatically. A Map Area & Route field on OpenStreetMap (bundled, no API key) lets them draw areas, rectangles and lines, several shapes per entry, with edit, delete and undo, on desktop and by touch on phones. The area in m², ft², hectares or acres and the length in metres, feet, kilometres or miles are measured on the WGS84 ellipsoid and saved as sub-inputs you can use in calculations, conditional logic and merge tags. The server measures the drawing again and never trusts the numbers from the browser. Optional rules: required shape type, minimum and maximum area and a service area. Optional address search, entry map, notification values and CSV export.

User User User User
+2k
4.9/5
Trusted by 2,000+ Agencies
Map Area & Route Drawing

Watch it in action

Gravity Forms Map Area & Route Drawing Setup Guide: Measure Lawns, Fences & Routes on a Map

Video setup guide: Gravity Forms Map Area & Route Drawing

Core Features

Map Area & Route field on OpenStreetMap with Leaflet and the drawing tools bundled: no API key, no outside script
Draw areas (polygons), rectangles and lines or routes; several shapes per entry
Edit corners, delete a shape, undo the last change, clear all
Touch drawing on phones and tablets; keyboard drawing with a centre cross; labelled buttons and a text list of every shape
Area in m², ft², hectares or acres and length in metres, feet, kilometres or miles, measured on the WGS84 ellipsoid
Area and length saved as sub-inputs for calculations, conditional logic and merge tags
The server measures the GeoJSON again on submit: changed numbers are refused
Required shape type, minimum and maximum area, most shapes per entry
Service area: draw the area you serve in the form editor; drawings outside it are refused
Optional address search (off by default, one request per second, answers cached)
Entry screen with a read-only map; {Label:ID:area}, :length, :geojson and :link merge tags; values and link in notifications
Area, length and GeoJSON columns in the CSV export; your own tile server and credit

What does it do?

Lawn care, roofing, solar, fencing, paving and event teams all quote by size — but a form can only ask the customer to guess it. The Gravity Forms Map Area & Route Drawing add-on lets your visitors outline the lawn, roof, field or route on a map, and your form gets the area and the length on its own, ready to price.

Add the Map Area & Route field to any form. It shows an OpenStreetMap map (Leaflet and the drawing tools are bundled with the add-on: no API key, no outside script). Visitors draw areas, rectangles and lines, as many shapes as you allow, and can edit, delete and undo. It works with a mouse, by touch on phones and with the keyboard.

The area (m², ft², hectares or acres) and the length (metres, feet, kilometres or miles) are measured on the WGS84 ellipsoid and saved as sub-inputs, so you can use them in calculations (for example area × price per m²), in conditional logic and in merge tags. When the form is sent, the server measures the drawing again: numbers changed in the browser are refused. Optional rules: the shape type that is required, a minimum and maximum area, and a service area that every shape must stay inside. Address search is off until you switch it on. The entry screen shows the drawing on a read-only map; notifications and the CSV export show the values. For Gravity Forms 2.9 and newer.

How does it work?

The map runs in the visitor’s browser with Leaflet and its drawing plugin, both shipped inside the add-on. Every time a shape is drawn, moved or removed, the add-on measures it on the WGS84 ellipsoid (equal-area for the area, geodesic lines for the length; within a few thousandths of a percent of the reference library for survey work) and writes the area, the length and the shapes as GeoJSON into the field’s inputs, so Gravity Forms calculations and conditional logic update at once. When the form is sent, your server reads the GeoJSON, checks it (no crossing outlines, the allowed tools, the limits and the service area), measures it again and compares the numbers: if the browser’s numbers were changed, the form is refused, and the entry always keeps the server’s numbers. Map pictures come from the OpenStreetMap tile server or your own; the optional address search goes through your server, at most once per second for the whole site. Everything else stays on your own server.

Interface Previews

Screenshot
Screenshot
Screenshot
Screenshot

How do I enable this?

1
Install and activate the add-on, then activate your license key in Forms → Settings → Map Area & Route.
2
Add the Map Area & Route field from Advanced Fields and choose the drawing tools and units.
3
Optional: set a minimum or maximum area, the required shape type and draw your service area.
4
Use the Area and Length inputs in a Number field calculation or a product price to quote by size.

Customer Reviews

Submit your review
1
2
3
4
5
Submit
     
Cancel

Create your own review

GravityExtra
Average rating:  
 0 reviews

Have a new Feature idea?

Didn't see a feature in our plugin that you think would be useful? Share with us and let the team be a part of it.

Submit a Feature Request
$59
$39/year
You Save $20
Add any 2nd item, get 30% OFF both!
Use code GFEX30 at checkout
Secure checkout via Stripe
What's Included
  • Automatic Yearly Renewal
  • 1 Year Free Support & Updates (Renewable)
  • 24x7 Dedicated Customer Care
24/7 Support
For any query, connect with us on our support portal.
Submit a Query →
Quick Info
Version 1.0.0
Changelog
Icon
Gravity Forms Map Area & Route Drawing
13 people are viewing this

Wait! Don't leave
empty-handed 🎁

Grab these exclusive codes to use at checkout!

10% OFF On all products
GFEX10
30% OFF Best Value
On any 2+ items
GFEX30

No thanks, I'll pay full price

Someone just bought this A few seconds ago
0
0
Your Cart
Your cart is emptyReturn to Shop
🔥 FREQUENTLY BOUGHT TOGETHER
Complete Combo & Save 40%!
ITEM IN YOUR CART
Gravity Forms Klaviyo Add-on
$39.00/yr
+
🎁 RECOMMENDED ADD-ON SAVE 40% OFF
Original Price: $49.00/yr
Bundle Special Price: $29.40/yr