This is absolutely doing my head in...
I am trying to load buffers that are generated in QGIS 3.4 from OpenStreetMap data (via Overpass) onto a map powered by Leaflet.
When I load them into my map, the buffers that should be perfect circles show up like this:
What I have tried
I have read up on the projections that Mapbox, Leaflet and Geojson support (seems that it's either EPSG: 4326 or EPSG:4326).
As a result, I have saved my original point files from OpenStreetMap as both projections and generated buffers in QGIS from both projections. Both come up with the same result as above, even with changing the project CRS between the two.
The weirdest thing is that the points are in exactly the spot they should be and show up as perfect circles in QGIS.
First few lines of the Geojson file:
var fivekmbuffersupermarkets = {
"type": "FeatureCollection",
"name": "5kmbuffersupermarkets4326",
"crs": {
"type": "name",
"properties": {
"name": "urn:ogc:def:crs:OGC:1.3:CRS84"
}
},
Geojson file code here: https://jsfiddle.net/65fzujk3/