Skip To Content

定义自定义地图主题

设计和配置报表时,报表作者可以对地图布局的外观进行定义,方法是应用六个预定义主题之一或者针对当前报表修改其中一个主题。在主题中已定义了下列地图布局元素:

  • 菜单
  • 菜单文本
  • 菜单高亮显示
  • 菜单图标颜色
  • 高亮显示
  • 默认字体

有关详细信息,请参阅配置地图设置和工具

此外,系统管理员还可以为其组织创建自定义主题。自定义主题在 themes.json.txt 中进行定义。自定义主题定义后,报表作者可将其应用到正在配置的报表中。

  1. 浏览至 <em4c_ location>\webcontent\esrimap\em4c-bisprovider\config\design\
  2. 复制 themes.json.txt.default 并将其重命名为 themes.json.txt
  3. 在文本编辑器(如记事本)中打开 themes.json.txt。

    自定义浅蓝色主题已添加至文件。

  4. 根据需要修改文件以包括其他主题。下列示例代码中包含的三个自定义主题可作为指导:
    {	
    	"themes":	[
    	{
    	"name": "theme1",
    	"css": {
    		"headerColor": "#828282",
    		"headerHoverColor": "#01709d",
    		"accentColor": "#3093ca",
    		"accentTextColor": "#ffffff",
    		"fontFamily": "'Segoe UI', Avenir, 'Helvetica Neue', Arial, sans-serif",
    		"menuIconColor": "gray" //options are white, gray, black
    		}
    	},
    	{
    	"name": "theme 2",
    	"css": {
    		"headerColor": "#b3f189",
    		"headerHoverColor": "#076b2c",
    		"accentColor": "#b3f189",
    		"accentTextColor": "#101b14",
    		"fontFamily": "Tahoma, Geneva",
    		"menuIconColor": "black"
    		}
    	},
    	{
    	"name": "theme 3",
    	"css": {
    		"headerColor": "#828282"
    		}
    	}
    			]  
    }
    注:

    如果只对主题中(如示例中的主题 3)可用设置的某些项进行了设置,则未设置的项将应用与蓝色(默认)主题相同的设置。

  5. 验证 JSON 文件仍然有效。
  6. 保存文件。
  7. 清除浏览器缓存。
  8. 验证您的自定义主题是否会以报表创作模式显示,请执行以下操作:
    1. 高级菜单中,选择配置
    2. 单击布局选项卡。
    3. 展开主题下拉菜单。

      下拉菜单中应列出您创建的自定义主题。如果存在两个或多个主题使用同一名称,则每个重复的主题名称后会附加一个数字。如果 JSON 文件发生错误,则自定义主题不显示在列表中。

    4. 选择您已定义的自定义主题,然后单击自定义以确保各项设置已正确定义。针对您已定义的其他任何自定义主题重复此步骤。
    5. 完成后单击取消