FusionMaps XT如何实现自定义地图

作者:控件中国网   出处:控件中国网   2015-10-28 14:22:19   阅读:6

这篇文章主要介绍如何使用FusionMaps XT对地图中的常用属性进行自定义,下面所列举的属性都可以实现自定义
  • 在地图标签中显示全名
  • 在标签中显示值
  • 为指定的地图块显示标签
  • 自定义地图标签显示文本
  • 自定义字体
  • 在提示信息中使用短名
  • 开关地图的提示信息
  • 处理空的地图块
下面就上面这些地图常用属性设置做一一介绍,具体如下:
1.显示全部名字在地图标签上
FusionMaps XT在默认情况下在地图块标签上只显示短名字,但是开发人员可以设置显示全名,如下图则显示的地图全名,控件提供了两种属性用于控制地图全名的显示,showLabels设置为1时则显示地图标签,useSNameInLabels属性设置为1时显示短名,设置为0时显示全名
MapName.png
2.在地图标签上显示值
开发人员可以设置整个地图标签显示值,如下图则是显示每块地图的人口数量值,要显示值在标签上则需要设置includeValueInLabels属性为1
{
    "chart": {
        "caption": "Global Population",
        "theme": "fint",
        "formatNumberScale": "0",
        "numberSuffix": "M",
        "showLabels": "1",
        "labelSepChar": ": ",
        "includeValueInLabels": "1"
    },
mapvalue.png
3.对部分地图块显示标签
在地图的使用时,如果对整个地图中的每块都显示标签,则看起来比较凌乱,所以开发人员可以设置对特殊或者比较重要的地图块显示其标签值,如下图只显示了2各区域的标签,要实现该功能如下:
map3.png
{
    "chart": {
        "caption": "World's Two Most Populous Continents",
        "theme": "fint",
        "formatNumberScale": "0",
        "numberSuffix": "M",
        "useSNameInLabels": "0"
    },
    "colorrange": {
        "color": [
            {
                "minvalue": "0",
                "maxvalue": "100",
                "code": "#D0DFA3",
                "displayValue": "< 100M"
            },
            {
                "minvalue": "100",
                "maxvalue": "500",
                "code": "#B0BF92",
                "displayValue": "100-500M"
            },
            {
                "minvalue": "500",
                "maxvalue": "1000",
                "code": "#91AF64",
                "displayValue": "500M-1B"
            },
            {
                "minvalue": "1000",
                "maxvalue": "5000",
                "code": "#A9FF8D",
                "displayValue": "> 1B"
            }
        ]
    },
    "data": [
        {
            "id": "NA",
            "value": "515"
        },
        {
            "id": "SA",
            "value": "373"
        },
        {
            "id": "AS",
            "value": "3875",
            "showLabel": "1"
        },
        {
            "id": "EU",
            "value": "727"
        },
        {
            "id": "AF",
            "value": "885",
            "showLabel": "1"
        },
        {
            "id": "AU",
            "value": "32"
        }
    ]
}
 
Copyright© 2006-2015 ComponentCN.com all rights reserved.重庆磐岩科技有限公司(控件中国网) 版权所有 渝ICP备12000264号 法律顾问:元炳律师事务所
客服软件
live chat