双击此处添加文字
自定义区域描图(中国地图控件)
来源: | 作者:佚名 | 发布时间: 2021-04-12 | 2591 次浏览 | 分享到:

1.概述
由于百度地图控件只开放到城市区域轮廓,涉及到乡镇地区区块时则无法显示,这时候就需要自己描绘地图轮廓。
1.1  应用场景
中国地图控件中,想默认展示一个自定义区域,能查看内部区域的划分情况,并且支持数据层面展示。
2. 中国地图自定义区划流程图

2.1  地图描绘软件进行地图设置
下面地图描绘操作网站:http://datav.aliyun.com/tools/atlas/#&lat=33.50475906922609&lng=104.2822265625&zoom=4,以北京市昌平区设置为例子,区划进行地图轮廓描绘。

点击选择,直到最明细的地区,地区下面没有乡镇的轮廓线,需要去手动绘制。

选择用网页访问或者下载json文件,获取其中的json文本数据。




2.2  地图构建
把获取到的区域轮廓数据全部复制

访问地址 http://geojson.io/ 或者http://datav.aliyun.com/portal/school/atlas/area_generator#3.86/103.270275/37.994225,将数据粘贴至页面右侧。


绘制区域划分要点:画地图需要形成一个闭环,就是要围起来,终点与起点重合



参照网上获取的北京-昌平区内部乡镇划分地图,绘制区域。


区域绘制完成后,给内部每个区块(乡镇)加上名称(用于前端控件展示的维度匹配),并保存。





2.3  地图应用

复制完成绘制的json格式地图数据,访问https://www.bejson.com/zhuanyi/压缩json数据,提高加载速度

创建json文件

把压缩后的json数据拷贝到地图绘制网址,查看是否正常显示,没有问题就可以把数据拷贝到json文件内保存。

将地图json文件放到ourwaybi根目录中Cross_SBI文件夹 build/static/JSON/china-main-city的这个目录下,注:这个路径更据系统安装的位置不一致会有所不同

(这个路径是系统根据中国地图展示中国地图行政区域划分数据脚本)注意请勿修改相关数据和命名

应用文件(返回到JSON路径找到cityMapName.Json脚本中注释添加相应城镇脚本数据)


设置检索字段(系统识别是根据您提交的相应脚本来获取,注意两边文件名有没有重复或缺少字母)

(注意:修改JSON文件可能导致系统出错,一旦出错或者访问不了的情况请及时与Ourway技术支持联系!)

设置完成以后需要重启bi系统






2.4  检验成果

(1)选择设计报表“+”“地图”-“中国地图”


(2)汇总区域添加指标,行维度添加区域名


(3)选择右侧属性栏:“序列”-“地图设计”-“地图类型”选择绘制的区域模型





2.5  区域名称不在区域中心显示问题调整

绘制的地图,应用后发现区域名称的位置不在区域中间,这时需要手动校验。


(1)绘制地图时,手动选择区域的点位,获取其经度和纬度值,作为区域中心点

(2)json文件中,定位至对应区域,把选区好的坐标更新至地图数据中