시뮬레이션 용 중복 점 레이어

Question

도시 교통 흐름을 시뮬레이트하려고합니다. (현재는 차량에만 적용됩니다.) 문제가 있습니다.

지도에서 1 칸당 1 대의 자동차를 시뮬레이트하려하지만, 특정 레이어 (각 경로마다 경로가 다름)를 복제하는 방법을 모릅니다 (예 :

).

map.addSource('point', { 
    "type": "geojson", 
    "data": pointOnCircle(0) 
}); 

map.addLayer({ 
    "id": "point", 
    "source": "point", 
    "type": "circle", 
    "paint": { 
     "circle-radius": 10, 
     "circle-color": "#007cbf" 
    } 
}); 

다른 이름으로 N 포인트를 반복하거나 생성 할 수 있는지 또는 다른 방식으로 수행하는지 모르겠습니다. 여기

은 (내가 그들을 복제하는 방법을 알고하지 않았기 때문에 나는이 개 다른 레이어를 생성하여 시뮬레이션을 위해) 지금까지 내가 무슨 짓을했는지의 비디오입니다 : 당신은

https://www.youtube.com/watch?v=xWZD9aBUFlg

Answer 1

을 두어야 모든 하나 개의 데이터 층의 포인트 :

{ 
    "type": "FeatureCollection", 
    "features": [ 
    { 
     "type": "Feature", 
     "properties": {}, 
     "geometry": { 
     "type": "Point", 
     "coordinates": [ 
      146.25, 
      -37.16031654673676 
     ] 
     } 
    }, 
    { 
     "type": "Feature", 
     "properties": {}, 
     "geometry": { 
     "type": "Point", 
     "coordinates": [ 
      138.515625, 
      35.460669951495305 
     ] 
     } 
    }, 
    { 
     "type": "Feature", 
     "properties": {}, 
     "geometry": { 
     "type": "Point", 
     "coordinates": [ 
      -81.5625, 
      33.43144133557529 
     ] 
     } 
    } 
    ] 
} 

,691 :

는

map.addSource('points', { 
    "type": "geojson", 
    "data": pointsOnCircle(0) // change this function to return multiple features 
}); 

map.addLayer({ 
    "id": "points", 
    "source": "points", 
    "type": "circle", 
    "paint": { 
     "circle-radius": 10, 
     "circle-color": "#007cbf" // possibly make this a data-driven function 
    } 
}); 

귀하의 GeoJSON 데이터 소스는 같을 것이다