OneTaskBy Tim King · Updated
Draw on Map
Add Markers, Lines, Areas and Labels and Save as PNG or GeoJSON
OneTask is free, with no sign-up, and built by one person.
If this tool saved you time, a coffee helps keep new ones coming.
How the Draw On A Map works
This draw on map tool lets you mark up a map and export it. Choose what to draw, then click the map. A marker or a label goes down with one click; a line or an area takes a click at each turn, and Finish shape closes it so the next click starts a fresh one. Change the colour or width before drawing a shape and each keeps its own. Download PNG gives a picture of the map as it is on screen, with the drawing and the OpenStreetMap credit; Download GeoJSON saves the shapes themselves for a GIS program.
Draw on map: markers, lines and shapes
This is for the everyday map jobs that used to need a screenshot and a paint program: a meeting point with a pin, a walk marked in red, the area a delivery covers, a "parking here" label for an invitation. Everything is drawn on top of the standard OpenStreetMap tiles, so the result looks the same as the map people already know.
Markers are coloured dots. Lines follow your clicks and are the right choice for a route or a boundary; for the length of one use the distance measurer. Areas are shaded polygons drawn from three or more corners; the area calculator gives their size. Labels put text at the click, using the current colour, with a light background so they read over any tile.
Undo and finish. Undo point removes the last click of the shape you are drawing, or the last finished shape if none is open. Switching mode while a line or area is open finishes it automatically, as does either download.
PNG. The export is the visible map at screen size, so zoom and pan to frame the picture you want first. It draws the loaded tiles, the shapes and the labels to a canvas in the page and saves that; the OpenStreetMap attribution in the corner is a licence requirement for sharing the picture, so leave it in.
GeoJSON. Each shape becomes a feature — Point, LineString or Polygon — in WGS 84 longitude-latitude order, with its kind, colour and any label text in the properties. QGIS, Google Earth, Mapbox and most web mapping libraries open it directly, and the GeoJSON editor here displays it again.
Privacy. Only the tile images come from the network. The shapes live in the page and are gone when you close it, so draw whatever you like.
FAQ
Can I move a marker or a corner after placing it?
Not by dragging. Undo point removes the last click, so the way to fix a misplaced corner is to undo back to it and click again. Shapes that are already finished can only be removed with Undo once nothing is being drawn.
Why is the PNG smaller than I expected?
The export is the map at the size it is on screen, one pixel per screen pixel. For a larger image, make the browser window bigger or zoom the browser out with Ctrl or ⌘ and minus, then download again.
Can I load a GeoJSON file back in and keep editing?
Not here — this page draws from scratch. Open the file in the GeoJSON editor, which reads what this tool saves and lets you add more shapes to it.
Are the map tiles free to use in the picture?
Yes, for personal and commercial use, as long as the "© OpenStreetMap contributors" credit stays visible. That is why the download keeps the attribution in the corner.
See also: all Maps & GPS tools, Everyday Maths, Loans & Savings, Dates & Time, Health, Home & DIY, Unit Converters, Education, Science, Creative, Garden & Farm, Gaming & PC, Work & Business, Fun, DIY & Building, Cost Estimators, Sport & Clubs.
Related tools
Map Distance Measurer
Click points on a map to measure a route in km or miles.
Map Area Calculator
Click corners on a map for area in m², hectares and acres.
Image Annotator
Add arrows, boxes, numbers, text and blur to a screenshot. Nothing uploaded.
QR Code Generator
QR codes for links, Wi-Fi, contact cards and more, as a PNG.
GPX Viewer
See a GPX track on a map with distance, climb and time.