Maps with custom GeoJson data renders incorrect polygon

[ghost]

I'm following the Amcharts Map tutorial to create a visualisation using other open sourced geodata.

I'm trying to display a map of Virginia counties and I followed the tutorial step by step and this is what I get:

Whereas it should look like this:

I have tried reversing the co-ordinates but it lands to same polygon.

Here is a snippet:

var chart = am4core.create("mapDiv", am4maps.MapChart);
chart.geodata = mapJson;

// Set projection
chart.projection = new am4maps.projections.AlbersUsa();

// Create map polygon series
var polygonSeries = chart.series.push(new am4maps.MapPolygonSeries());
polygonSeries.useGeodata = true;

// Configure series
var polygonTemplate = polygonSeries.mapPolygons.template;
polygonTemplate.tooltipText = "{geocoding.name}";
polygonTemplate.fill = am4core.color("#74B266");

And the mapJson looks like:
var mapJson = {
"type": "FeatureCollection",
"features": [{
"type": "Feature",
"id": 12,
"properties": {
"place_id": 235602888,
"display_name": "Балтасинский район, Татарстан, Приволжский федеральный округ, Россия"
},
"geometry": {
"type": "Polygon",
"coordinates": [
[
[-77.655169, 38.942656],
[-77.657581, 38.943231],
[-77.658739, 38.943508],
...
]
]
}
}
]
}

Is there anything wrong with this code or json?

[martynasma]

Try this:
https://www.amcharts.com/docs/v4/tutorials/creating-custom-maps/#Map_appears_garbled

[ghost]

Tried this but still getting the same issue.

I am using this GeoJson file

modifiedVaCounties.zip

[mtmibjas]

You have to rewind your JSON. you can do here https://observablehq.com/

[martynasma]

Can you check you are running the latest version? The setting was added in the version 4.10.11.

[ghost]

I was running on 4.9 version.
But rewinding the json from the link that @mtmibjas shared worked and map rendered properly.

Thanks for your help.

[github-actions]

This issue is stale because it has been open 30 days with no activity. Remove stale label or comment or this will be closed in 5 days