5.9. 设置地图图表
在看板中添加的地图图表,默认只展示中国地图。 如果要使用其他地图,则需要设置图表组件HTML元素上的dg-chart-map属性。 例如,设置为北京地图:
- ...
- <div dg-chart-widget="..." dg-chart-map="北京">
- ...
系统内置支持的地图如下表所示:
china、中国 | china-contour、中国轮廓 | china-cities、中国城市 | world、世界 |
anhui、安徽 | aomen、澳门 | beijing、北京 | chongqing、重庆 |
fujian、福建 | gansu、甘肃 | guangdong、广东 | guangxi、广西 |
guizhou、贵州 | hainan、海南 | hebei、河北 | heilongjiang、黑龙江 |
henan、河南 | hubei、湖北 | hunan、湖南 | jiangsu、江苏 |
jiangxi、江西 | jilin、吉林 | liaoning、辽宁 | neimenggu、内蒙古 |
ningxia、宁夏 | qinghai、青海 | shandong、山东 | shanghai、上海 |
shanxi、山西 | shanxi1、陕西 | sichuan、四川 | taiwan、台湾 |
tianjin、天津 | xianggang、香港 | xinjiang、新疆 | xizang、西藏 |
yunnan、云南 | zhejiang、浙江 |
在body元素上定义dg-chart-map-urls属性, 可以扩展或替换内置地图。例如:
- ...
- <body dg-chart-map-urls="{customMap:'map/custom.json', china: 'map/myChina.json'}">
- ...
- <div dg-chart-widget="..." dg-chart-map="customMap">
- ...
在展示看板时,会自动加载看板资源map/custom.json作为地图。
也可不设置dg-chart-map-urls属性,直接设置图表元素的地图URL:
- ...
- <div dg-chart-widget="..." dg-chart-map="map/custom.json">
- ...