FusionMaps XT如何根据地图每个区域的值设置不同的颜色

作者:控件中国网   出处:控件中国网   2016-06-13 15:02:56   阅读:9

FusionMaps XT是一款基于JavaScript和HTML5的地图控件,包含了全世界主要国家的省市地图,在应用中经常会对某个区域的人口、产品销量等进行统计并且使用地图表示出来,那么为了更直观地观察,客户要求地图上每个区域,根据不同的值使用不同的颜色。这样就可以更直观地看出哪个区域人口或者销量多或少。使用FusionMaps XT开发人员可以很轻松地实现该功能,下面是实现的具体代码:
FusionMap.png
{
    "chart": {
        "caption": "Global Population Density",
        "theme": "fint",
        "showLabels": "1",
        "formatNumberScale": "0"
    },
    "colorrange": {
        "minvalue": "0",
        "startlabel": "Low",
        "endlabel": "High",
        "code": "#FF4411",
        "gradient": "1",
        "color": [
            {
                "maxvalue": "25",
                "code": "#FFDD44",
                "displayValue": "Median"
            },
            {
                "maxvalue": "100",
                "code": "#6baa01"
            }
        ]
    },
    "data": [
        {
            "id": "NA",
            "value": "22.1",
            "showLabel": "1",
            "displayValue": "Moderate"
        },
        {
            "id": "SA",
            "value": "22.0",
            "showLabel": "1",
            "displayValue": "Moderate"
        },
        {
            "id": "AS",
            "value": "95.0",
            "showLabel": "1",
            "displayValue": "Dense"
        },
        {
            "id": "EU",
            "value": "72.5",
            "showLabel": "1",
            "displayValue": "Dense"
        },
        {
            "id": "AF",
            "value": "33.7",
            "showLabel": "1",
            "displayValue": "Moderate"
        },
        {
            "id": "AU",
            "value": "3.2",
            "showLabel": "1",
            "displayValue": "Sparse"
        }
    ]
}
Copyright© 2006-2015 ComponentCN.com all rights reserved.重庆磐岩科技有限公司(控件中国网) 版权所有 渝ICP备12000264号 法律顾问:元炳律师事务所
客服软件
live chat