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?

3
  • 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
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

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 '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
  • 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 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.

4
  • 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
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.

1
1

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

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

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.