Как создать новые объекты / примитивы A-FRAME из файла данных JSON?

Question

Используя A-FRAME, как вы можете использовать данные из файла Json и создавать новые объекты / примитивы для работы в качестве POIS?

**** ПРИМЕР JSON: **** ( https://leafletjs.com/examples/geojson/sample-geojson.js)

var lightRailStop = {
    "type": "FeatureCollection",
    "features": [
        {
            "type": "Feature",
            "properties": {
                "popupContent": "18th & California Light Rail Stop"
            },
            "geometry": {
                "type": "Point",
                "coordinates": [-104.98999178409576, 39.74683938093904]
            }
        },{
            "type": "Feature",
            "properties": {
                "popupContent": "20th & Welton Light Rail Stop"
            },
            "geometry": {
                "type": "Point",
                "coordinates": [-104.98689115047453, 39.747924136466565]
            }
        }
    ]
};

Что такое javascript / html, необходимый для извлечения контента и создания нового объекта (a-box / a-entity) с каждым из данных, чтобы его можно было использовать в a-frame VR / AR?

Answer 1

lightRailStop.features.forEach(stop => {
  let el = document.createElement('a-entity');
  el.setAttribute('text', 'value', stop.properties.popUpContent);
  el.object3D.position.set(parseFloat(stop.coordinates[0]), 1.6, parseFloat(stop.coordinates[1]));
  scene.appendChild(el);
});