Colors and Line Thickness

Radius Data Input

Output

Google Maps Static API Image Output

Step 1: Get the map above to look as you wish (pan/zoom/radii)

Step 2:

Google Earth KML Output

Once you have a radius on the map:

Instructions

1. Type in a radius required in the text box above.
2. [Zoom and Pan to find the required area on the map then click on the map to draw a circle] OR [Type a location into the text box and click Draw Radius] OR [Input the latitude and longitude of the location in decimal format].
3. Click as many times as necessary to draw multiple circles.
4. You can use the Clear Map button to erase all markers and radii and start again.

Use the "URL to last radius" text box to find a URL that will show the most recent radius on this page when opened in a web browser. This URL can be sent to anyone if you wish to forward it on.

Google Earth KML Output

You can now export all the drawn radii on the map to Google Earth for improved display and printing. You must have Google Earth installed (or another application capable of importing KML files). You need to have a radius displayed on the map before the output will work. Please report any bugs.

The procedure to Export to KML is as follows:

1. Draw one or more radii on the map as you see fit
2. Once ready, click the Generate KML button. You will probably need to scroll down the page to find this!
3. After a short delay, the KML file with download
4. You can then open the KML file in application such as Google Earth

Currently, the KML will include:

1. The same radius size and shape
2. Transparency of 50%

It will not include:

1. Shading colour (blue only, but you can change this once it is loaded into Google Earth)
2. Line colour (you can change this once it is loaded into Google Earth)
3. Line thickness (you can change this once it is loaded into Google Earth)

These features may be added later depending on feedback.

CSV Upload

The CSV option allows you to upload bulk points to the map. To do this you must format your points using the convention of latitude,longitude,radius per line where latitude and longitude are in decimal format and radius in km. Make sure to strip out any whitespace. You can upload as many lines as you wish, however more lines will take more time and every web browser will have its limits on the maximum number of lines (hence circles drawn) before things slow to a halt.

For Example...

51.538611,-0.016389,10
51.538611,-0.016389,15

..should add two radii around the Olympic stadium in London for 10km and 15km

Future Ideas

• Ability to input nautical miles
• URL link includes settings to show/hide the radius centre marker and resize grip
• URL link to include the data for multiple radius
• Ability to customise the center marker

Version History

• 11th June 2026 : Circle fill colour now has transparency option
• 27th February 2026 : Bug fix - marker was not centered correctly
• 18th February 2026 : New option to choose marker colour
• 7th April 2025 : When uploading CSV data with labels, KML output now names the radius with that label
• 25th October 2024 - Bug Fix : When No Fill was selected, the line colour would sometimes be used to fill the radius
• 2nd May 2024 : Scale control now shown on map
• 14th November 2023 : Bug fix - show satellite map option on map
• 19th July 2023 : Added function to click on map to draw radius
• 20th June 2023 - Bug Fix : Radius text box would sometimes update with a different value after radius is drawn
• 13th June 2023 - Bug Fix : KML Download
• 13th June 2023 - Bug Fix : Marker did not move if radius location was changed
• 13th June 2023 - Converted to Leaflet Maps
• 18th February 2018 - User settings are stored between settings. Radius, map type, fill color, line color and line thickness
• 11th October 2017 - KML output now includes the label (if defined) for each radius
• 2nd March 2017 - KML output now includes fill and line colours for each radius
• 2nd November 2016 - New CSV Output panel displays parameters of all radius drawn
• 31st October 2016 - New button to draw radius at current location
• 19th August 2016 - Bug fix : URL for multiple radius didn’t appear when only drawing radius by place name
• 21st July 2016 - URL is now available for all radius drawn
• 25th February 2016 - URL now contains information about the map type so you can load the radius with different map types
• 4th May 2015 - Update to allow a resize after using method 2 or 3 to recalculate the Radius Distance
• 7th May 2013 - 2 new options added : URL loads full screen? AND URL loads unclickable map?
• 13th January 2013 - Label on marker now displays radius. You can now annotate markers.
• 15th February 2012 - Updates to layout of options
• 8th January 2012 - Added search for location text box
• 7th January 2012 - Resolved issue where the specified fill colour was not used if the draw by address or latitude/longitude was used
• 22nd December 2011 - Added full screen option. Fixed issue when dragging the centre point of a smaller radius
• 15th September 2011 - Added option to upload CSV text for bulk upload of multiple points
• 13th June 2011 - Fixed issue with clear fill having the same colour as the previously selected colour
• 7th June 2011 - Option to hide the resize grip
• 3rd June 2011 - Radii can now be resized while onscreen
• 23rd May 2011 - Radii can now be clicked to be drawn inside an existing radius
• 10th May 2011 - Static map output now uses Google Static Maps API V2. No key required. Will not output an URL > 2048 characters
• 9th May 2011 - Fixed issue with clear fill having a grey shade
• 15th April 2011 - Allow the last radius to be deleted (not just all at once)
• 3rd February 2011 - Export to KML now copes with multiple radii
• 20th January 2011 - Circumference and area now also output in miles and acres
• 29th December 2010 - Click on a marker to delete it
• 29th December 2010 - Allow markers to be dragged
• 29th December 2010 - Converted to Google Maps API V3
• 2nd June 2010 - Moved the scale control to the top of map to stop conflict with Google Search bar
• 27th January 2010 - Added Google Earth KML Output
• 13th October 2009 - Overlapping radii now supported
• 29th September 2009 - Added Google Search Bar to map. Added radius display on marker when you hover over the marker
• 24th September 2009 - Added URL to last radius function
• 17th September 2009 - Added Google Maps Static API Image Output
• 3rd January 2009 - Added latitude and longitude input option
• 29th September 2008 - Added clear fill option
• 9th September 2008 - Added Place radius by location name option and reworked some other functions
• 21st January 2008 - Improved circle reliability and added fill colour
• 15th October 2007 - Added area and circumference output
• 25th September 2007 - Added different colour's, change thickness, show/hide center marker, change map height and print the page
• 13th September 2007 - Now works with IE
• 22nd July 2008 - Added option to use miles as radius input
• 30th June 2007 - Clear Map button added
• 29th June 2007 - Page created with basic functionality

Comments