Для выполнения примера необходимо наличие xml-файла с наименованием «MapXmlExample_RU.xml», топоосновы Russia.svg и html-страницы, на которой расположена карта. Настройки карты должны быть представлены в формате JSON.
Примечание. При автоматической конвертации из формата XML в JSON перед атрибутами появляется знак «@», который можно не удалять.
Xml-файл должен содержать следующие элементы:
описание всплывающей подсказки с идентификатором «Tooltip» в словаре элементов;
описание эффекта с идентификатором «BorderEffect» в словаре элементов;
описание шрифта с идентификатором «BlackFont» в словаре элементов;
описание источника данных с идентификатором «world»;
описание шкалы с идентификатором «AreaVisualScale» словаре элементов.
Добавим элемент <MapLayers>> в корневой элемент <MapChart>:
"MapLayers": {
"MapLayer": {
//Настройка всплывающей подсказки
"@ToolTip": "{Tooltip}",
"@Id": "Regions",
//Настройка эффекта
"@Effect": "{BorderEffect}",
//Настройка метки
"MapLayer.Label": {
"MapLabel": {
"@Background": "Transparent",
"@Width": "100",
"@MaskText": "Region {0}",
"@Top": "10",
"@Text": "DefaultRegion",
"@BorderRadius": "2",
"@Padding": "2 2 2 2",
"@Font": "{BlackFont}",
"@Visibility": "Visible",
"@Height": "400",
"@BorderThickness": "1",
"@Left": "5",
"@BorderColor": "Red",
"@TextWrapping": "NoWrap",
"@Margin": "2 2 2 2"
}
},
//Настройка показателя заливки
"MapLayer.Visuals": {
"MapAreaVisual": {
"@Name": "Сбор урожая",
"@Visibility": "Visible",
"@Index": "0",
"@DataSource": "{world}",
"@Id": "AreaVisual",
"MapAreaVisual.Background": {
"DataDependency": {
"@IsDependent": "True",
"@MapScale": "{AreaVisualScale}",
"@TypeArguments": "Brush",
"@DataSource": "{world}"
}
}
}
}
}
}
После выполнения примера для карты будет настроен слой с идентификатором «Regions». Для слоя установлены всплывающая подсказка, метка, эффект и настроен показатель заливки. Далее приведен фрагмент карты с указанными выше настройками:
См. также: