지도에 교통 정보 표시

Azure Maps에서 사용할 수 있는 트래픽 데이터에는 두 가지 유형이 있습니다.

사고 데이터 - 건설, 도로 폐쇄 및 사고와 같은 항목에 대한 포인트 및 라인 기반 데이터로 구성됩니다.

흐름 데이터 - 도로의 교통 흐름에 대한 메트릭을 제공합니다. 교통 흐름 데이터는 도로에 색을 지정하는 데 사용되는 경우가 많습니다. 색상은 속도 제한 또는 다른 메트릭과 관련하여 흐름을 늦추는 교통량의 양을 기반으로 합니다. 맵의 트래픽 flow 옵션에 전달할 수 있는 4개의 값이 있습니다.

플로우 값	설명
`none`	지도에 교통 데이터를 표시하지 않습니다.
`relative`	도로의 자유 흐름 속도를 기준으로 하는 교통 데이터를 표시합니다.
`relative-delay`	평균 예상 지연보다 느린 영역을 표시합니다.
`absolute`	도로를 달리는 모든 차량의 절대 속도를 보여줍니다.

다음 코드에서는 지도에 교통 데이터를 표시하는 방법을 보여 줍니다.

//Show traffic on the map using the traffic options.
map.setTraffic({
    incidents: true,
    flow: 'relative'
});

트래픽 오버레이 샘플은 맵에 트래픽 오버레이를 표시하는 방법을 보여 줍니다. 이 샘플의 소스 코드는 트래픽 오버레이 소스 코드를 참조하세요.

트래픽 오버레이 옵션

Traffic Overlay Options 도구를 사용하면 다양한 트래픽 오버레이 설정 간에 전환하여 렌더링이 어떻게 변경되는지 확인할 수 있습니다. 이 샘플의 소스 코드는 트래픽 오버레이 옵션 소스 코드를 참조하세요.

교통 통제 추가

지도에 추가할 수 있는 두 가지 교통 통제 방법이 있습니다. 첫 번째 컨트롤인 TrafficControl는 교통을 켜고 끄는 데 사용할 수 있는 토글 버튼을 추가합니다. 이 컨트롤의 옵션을 사용하면 트래픽을 표시할 때 사용할 매개변수를 지정할 수 있습니다. 기본적으로 이 컨트롤은 상대 트래픽 흐름 및 인시던트 데이터를 표시하지만 원하는 경우 절대 트래픽 흐름을 표시하고 인시던트 없이 표시하도록 이 동작을 변경할 수 있습니다. 두 번째 컨트롤인 TrafficLegendControl은 사용자가 강조 표시된 도로의 의미를 이해하는 데 도움이 되도록 지도에 교통 범례를 추가합니다. 이 컨트롤은 트래픽 흐름 데이터가 표시될 때만 맵에 표시되며 다른 모든 경우에는 숨겨집니다.

다음 코드에서는 맵에 교통 컨트롤을 추가하는 방법을 보여 줍니다.

//Add the traffic control toggle button to the top right corner of the map.
map.controls.add(new atlas.control.TrafficControl(), { position: 'top-right' });

//Add the traffic legend control to the bottom left corner of the map.
map.controls.add(new atlas.control.TrafficLegendControl(), { position: 'bottom-left' });

교통 통제 샘플은 지도에 교통 데이터를 표시하는 방법을 보여 주는 완전한 기능을 갖춘 지도입니다. 이 샘플의 소스 코드는 트래픽 제어 소스 코드를 참조하세요.