Can anyone tell me an HTML/CSS method of adding a radius to a map embed code that will put a circle around a central point on that map. For example, here is my store and I will deliver in this radius (20km for example) I know this can be done in Google maps, but is there a similar option in OSM? asked 04 Jul '20, 17:00  Midrob |
One Answer:
You can use leafletJS to display the map and than use the following leaflet codeline adjusted to your needs: See this for more: https://leafletjs.com/reference-1.6.0.html#circle answered 05 Jul '20, 18:18  Spiekerooger edited 05 Jul '20, 18:22 |
There are a variety of tools used to display OpenStreetMap data on websites. If you could indicate which you intend to use this may help people respond to your query.
The intended use is to have the location of a business centred on a panel onsite, say 800px x 400px wide, and to then have a circle around that location, to a scale, say 20km/miles, and to have the circle with an opacity setting so you can see the map under it. This circle would enclose a delivery area. See how Google do something similar.
Can this be done in OSM ? A circle, not a polygon. Google suggestion on this