3

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?

Improve this question
3
  • Do you need to offload the whole map function (umap style)?
    – BradHards
    Feb 16, 2015 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, 2015 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, 2015 at 21:27

5 Answers 5

Reset to default
4

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.

http://www.freemaptools.com/radius-around-point.htm

Improve this answer
3
  • 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, 2015 at 21:25
  • Turns out it's the closest tool to draw a circle around a location. Thank you.
    – Gulbahar
    Nov 3, 2016 at 10:06
  • Out of service since 12th July 2018: Unfortunately, due to a large price increase in back-end services, freemaptools.com can no longer offer map drawing.
    – Pro Backup
    Apr 12, 2021 at 12:54
2

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.

Improve this answer
4
  • Thanks. I was looking for a site similar to Umap, ie. ready-to-use with its own servers.
    – Gulbahar
    Feb 16, 2015 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, 2015 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, 2015 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, 2015 at 6:12
2

Why not use http://geojson.io/?

You can draw your polygons/circle or use QGIS. 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 https://www.gislounge.com/a-web-mapping-tutorial-for-beginners/

Then host it anywhere including github pages.

Improve this answer
1
1

You can just use Google Earth. It provides also a circle measurement tool.

Improve this answer
1

https://jopf.re/osmaps-radius/

Online tool to draw a radius on Openstreetmap tiles

This jopf.re online tool can draw radius circles in Miles, Kilometers, Feet, Metres, Inches, Yards, Fathoms, Nautical Miles, Chains, Rods and Furlongs.

Source code: https://github.com/jopfre/osmaps-radius

Improve this answer

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.