FusionMaps XT是一款基于JavaScript和HTML5的地图控件,包含了全世界主要国家的省市地图,在应用中经常会对某个区域的人口、产品销量等进行统计并且使用地图表示出来,那么为了更直观地观察,客户要求地图上每个区域,根据不同的值使用不同的颜色。这样就可以更直观地看出哪个区域人口或者销量多或少。使用
FusionMaps XT开发人员可以很轻松地实现该功能,下面是实现的具体代码:
{
"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"
}
]
}