동적 지도 대한 StylesObject 스키마 참조 가이드

아티클
01/04/2024

상태 StylesObject 집합 스타일을 나타내는 배열입니다 StyleObject . Azure 지도 작성자 기능 상태 서비스를 사용하여 실내 지도 데이터 기능에 상태 집합 스타일을 적용합니다. 상태 집합 스타일을 만들고 실내 맵 기능과 연결한 후에는 이 스타일을 사용하여 동적 실내 맵을 만들 수 있습니다. 동적 실내 맵을 만드는 방법에 대한 자세한 내용은 Creator 실내 맵에 대한 동적 스타일 지정 구현을 참조하세요.

StyleObject

A StyleObject 는 다음 스타일 규칙 중 하나입니다.

BooleanTypeStyleRule
NumericTypeStyleRule
StringTypeStyleRule

다음 JSON은 세 가지 스타일 형식의 사용 예제를 보여 줍니다. 속성 BooleanTypeStyleRule 이 true이고 false인 occupied 기능에 대한 동적 스타일을 결정하는 데 사용됩니다. NumericTypeStyleRule은 temperature 속성이 특정 범위 내에 속하는 기능의 스타일을 결정하는 데 사용됩니다. 마지막으로, StringTypeStyleRule 이 스타일은 특정 스타일을 .에 일치시킬 때 meetingType사용됩니다.

 "styles": [
     {
        "keyname": "occupied",
        "type": "boolean",
        "rules": [
            {
                "true": "#FF0000",
                "false": "#00FF00"
            }
        ]
    },
    {
        "keyname": "temperature",
        "type": "number",
        "rules": [
             {
                "range": {
                "minimum": 50,
                "exclusiveMaximum": 70
                },
                "color": "#343deb"
            },
            {
                "range": {
                "maximum": 70,
                "exclusiveMinimum": 30
              },
              "color": "#eba834"
            }
        ]
    },
    {
      "keyname": "meetingType",
      "type": "string",
      "rules": [
        {
          "private": "#FF0000",
          "confidential": "#FF00AA",
          "allHands": "#00FF00",
          "brownBag": "#964B00"
        }
      ]
    }
]

NumericTypeStyleRule

NumericTypeStyleRule은 StyleObject이며 다음 속성으로 구성됩니다.

속성	Type	설명	필수
`keyName`	string	상태 또는 동적 속성 이름입니다. A `keyName` 는 배열 내에서 `StyleObject` 고유해야 합니다.	예
`type`	string	값은 `numeric`입니다.	예
`rules`	`NumberRuleObject`	연결된 색을 사용하는 숫자 스타일 범위의 배열입니다. 각 범위는 상태 값이 범위를 충족할 때 사용할 색을 정의합니다.	예

NumberRuleObject

A NumberRuleObject 는 a RangeObject 및 속성으로 color 구성됩니다. 상태 값이 범위에 속하는 경우 표시 색은 속성에 color 지정된 색입니다.

여러 개의 겹치는 범위를 정의하는 경우 선택한 색은 충족되는 첫 번째 범위에 정의된 색입니다.

다음 JSON 샘플에서 상태 값이 50-60 사이인 경우 두 범위 모두 true로 유지됩니다. 그러나 사용된 색은 만족된 목록의 첫 번째 범위이기 때문입니다 #343deb .


    {
        "rules":[
            {
                "range": {
                "minimum": 50,
                "exclusiveMaximum": 70
                },
                "color": "#343deb"
            },
            {
                "range": {
                "minimum": 50,
                "maximum": 60
                },
                "color": "#eba834"
            }
        ]
    }
]

속성	Type	설명	필수
`range`	RangeObject	RangeObject는 논리적 범위 조건 집합을 정의합니다. 이 경우 `true`상태의 표시 색을 속성에 `color` 지정된 색으로 변경합니다. 지정되지 않은 경우 `range` 속성에 `color` 정의된 색이 항상 사용됩니다.	아니요
`color`	string	상태 값이 범위에 속할 때 사용할 색입니다. 이 `color` 속성은 다음 형식 중 하나의 JSON 문자열입니다. HTML 스타일 16진수 값 RGB("#ff0", "#ffff00", "rgb(255, 255, 0)") RGBA("rgba(255, 255, 0, 1)") HSL("hsl(100, 50%, 50%)") HSLA("hsla(100, 50%, 50%, 1)") 노랑, 파랑 등의 미리 정의된 HTML 색 이름.	예

RangeObject

RangeObject는 NumberRuleObject의 숫자 범위 값을 정의합니다. 상태 값이 범위에 속하려면 정의된 모든 조건이 true여야 합니다.

속성	Type	설명	필수
`minimum`	double	x가 ≥ `minimum`모든 숫자 x입니다.	아니요
`maximum`	double	x ≥ `maximum`인 모든 숫자 x.	아니요
`exclusiveMinimum`	double	x >`exclusiveMinimum`인 모든 숫자 x.	아니요
`exclusiveMaximum`	double	x <`exclusiveMaximum`인 모든 숫자 x.	아니요

NumericTypeStyleRule의 예

다음 JSON은 이름이 지정된 NumericTypeStyleRuletemperature상태를 보여 줍니다. 이 예제 NumberRuleObject 에서는 두 개의 정의된 온도 범위와 연결된 색 스타일을 포함합니다. 온도 범위가 50-69이면 디스플레이에서 색 #343deb을 사용해야 합니다. 온도 범위가 31-70이면 디스플레이에서 색 #eba834을 사용해야 합니다.

{
    "keyname": "temperature",
    "type": "number",
    "rules":[
        {
            "range": {
            "minimum": 50,
            "exclusiveMaximum": 70
            },
            "color": "#343deb"
        },
        {
            "range": {
            "maximum": 70,
            "exclusiveMinimum": 30
            },
            "color": "#eba834"
        }
    ]
}

StringTypeStyleRule

StringTypeStyleRule은 StyleObject이며 다음 속성으로 구성됩니다.

속성	Type	설명	필수
`keyName`	string	상태 또는 동적 속성 이름입니다. A `keyName` 는 배열 내에서 `StyleObject` 고유해야 합니다.	예
`type`	string	값은 `string`입니다.	예
`rules`	`StringRuleObject`	N개의 상태 값 배열입니다.	예

StringRuleObject

StringRuleObject는 기능 속성의 가능한 문자열 값인 최대 N개의 상태 값으로 구성됩니다. 기능의 속성 값이 정의된 상태 값과 일치하지 않으면 해당 기능에 동적 스타일이 없습니다. 중복된 상태 값이 지정된 경우 첫 번째 값이 우선적으로 적용됩니다.

문자열 값 일치는 대/소문자를 구분합니다.

속성	Type	설명	필수
`stateValue1`	string	값 문자열이 stateValue1일 때의 색입니다.	아니요
`stateValue2`	string	값 문자열이 stateValue일 때의 색입니다.	아니요
`stateValueN`	string	값 문자열이 stateValueN인 경우의 색입니다.	아니요

StringTypeStyleRule의 예

다음 JSON은 특정 모임 유형과 연결된 스타일을 정의하는 방법을 보여 StringTypeStyleRule 줍니다.

    {
      "keyname": "meetingType",
      "type": "string",
      "rules": [
        {
          "private": "#FF0000",
          "confidential": "#FF00AA",
          "allHands": "#00FF00",
          "brownBag": "#964B00"
        }
      ]
    }

BooleanTypeStyleRule

BooleanTypeStyleRule은 StyleObject이며 다음 속성으로 구성됩니다.

속성	Type	설명	필수
`keyName`	string	상태 또는 동적 속성 이름입니다. A `keyName` 는 배열 내에서 `StyleObject` 고유해야 합니다.	예
`type`	string	값은 `boolean`입니다.	예
`rules`	`BooleanRuleObject`	색과 `false`상태 값이 있는 `true` 부울 쌍입니다.	예

BooleanRuleObject

A BooleanRuleObject 는 값 및 false 색을 true 정의합니다.

속성	Type	설명	필수
`true`	string	상태 값이 `true`인 경우 사용할 색입니다. 이 `color` 속성은 다음 형식 중 하나의 JSON 문자열입니다. HTML 스타일 16진수 값 RGB("#ff0", "#ffff00", "rgb(255, 255, 0)") RGBA("rgba(255, 255, 0, 1)") HSL("hsl(100, 50%, 50%)") HSLA("hsla(100, 50%, 50%, 1)") 노랑, 파랑 등의 미리 정의된 HTML 색 이름.	예
`false`	string	상태 값이 `false`인 경우 사용할 색입니다.	예

BooleanTypeStyleRule의 예

다음 JSON은 이름이 지정된 BooleanTypeStyleRuleoccupied상태를 보여 줍니다. 및 BooleanRuleObject 값에 대한 색을 falsetrue 정의합니다.

{
    "keyname": "occupied",
    "type": "boolean",
    "rules": [
    {
        "true": "#FF0000",
        "false": "#00FF00"
    }
    ]
}

다음 단계

실내 지도용 Creator에 대해 자세히 알아보려면 다음을 참조하세요.

Azure Maps Creator란?

실내 지도용 Creator