I need to draw a circle around a central location to show where other places are within a given distance.

As objects, OSM-based Umap only supports Marker, Polyline, and Polygon.

Currently, I take a screenshot, add a circle using Paint Shop Pro, and send the resulting JPG, but I'd rather a live map so people can zoom in/out and move around: enter image description here

Does someone know of an alternative, preferably with OSM tiles built in, that would also support circle drawing?

  • Do you need to offload the whole map function (umap style)? – BradHards Feb 16 '15 at 10:33
  • I don't understand what you mean by "offload the whole map". Download the map to the user's computer? – Gulbahar Feb 16 '15 at 11:06
  • Looks like there's currently no solution that looks like what I had in mind as pictured above. Too bad. Thanks everyone. – Gulbahar Feb 16 '15 at 21:27

Would "Radius Around A Point On A Map" do what you want? You can generate a map URL or download the KML for a given point and radius.


  • Thanks for the tip, but the screen is too busy. I was looking for something that would look like the OSM mockup that I built. Oh well. – Gulbahar Feb 16 '15 at 21:25
  • Turns out it's the closest tool to draw a circle around a location. Thank you. – Gulbahar Nov 3 '16 at 10:06

You could use leaflet, an open source JavaScript Library for interactive maps. It supports drawing circles on a webmap using the circle-class. All you need is the geographical point and the radius in meters. You can find a simple example in the quick start guide.

  • Thanks. I was looking for a site similar to Umap, ie. ready-to-use with its own servers. – Gulbahar Feb 16 '15 at 11:06
  • You should state that in your question more clearly, then. Leaflet does come with OSM as default tiles, though. – John Powell Feb 16 '15 at 11:33
  • Sorry, I don't understand what that means. Installing a whole server just to display a picture is over-kill. Thank you. – Gulbahar Feb 16 '15 at 21:26
  • Actually all you need on your server is the Leaflet JavaScript library and some JavaScript code in your html page. Of course, this is a different type of solution than umap, where you don't need anything at all. – escada Feb 17 '15 at 6:12

Why not use GEOJSON.io You can draw your polygons/ circle or use qgis desktop FREE AND OPEN SOURCE FOR GEOSPATIAL SOFTWARE with a web mapping plugin like QGIS2WEB http://www.qgistutorials.com/en/docs/web_mapping_with_qgis2web.html


Then host it anywhere including github pages.

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.