Davinci-二次开发系列03:区域地图下钻与选择

概述

系列02中讲到百度地图扩展,地图应用场景多样,对于BI数据的呈现区域地图(非经纬度坐标)似乎应用更加广泛,这次说一下对于区域地图的几点改造。一个是下钻,一个是指定自定义的区域地图。

地图下钻

层级下钻,没有具体的几级,可以一直下钻并返回,这里做了国家、省份、市、区县、街道的下钻。

drill

指定地图

指定需要展示的地图,并可以钻取和上卷。

switch
s&d

吐槽一下Davinci地图

Davinci 地图目前十分的不友好,不得不吐槽一下:

  • 不能很好的扩展地图

  • 地图数据逻辑,通过地理类型和对照js文件去汇总,这种十分的不灵活

  • 地图真实应用需求类似下钻不能满足

地图改造点

去掉原有的地图类型

​ 原有地图类型:地图、气泡图、热力图、飞行图,

​ 改造后:去掉地图类型

​ 这些需求在区域地图上是有的,官方就是考虑这些类型的实现导致区域地图显得复杂,尤其是飞行图这种实际BI应用场景中较少,而且飞行图是要有起点的,默认指定的第一个为起始点,非配置化,略显鸡肋。我们已经在百度地图扩展里做了一些实现,这里直接去掉原有的地图类型,简化代码,更突出区域地图的功能。

style

数据类型扩展

​ 原类型:地理国家、地理省份、地理城市

​ 扩展后:增加地理区县和地理街道

​ 备注:实际改造了数据组装逻辑之后,类型仅仅是体现特殊性的地理维度,并不是严格的层级区分了,就是说改造之后实际指定的类型不影响数据展示。

dimtype

数据组装逻辑改造

​ 原逻辑:根据配置的地理类型,根据层级对照的js文件进行汇总计算。

​ 改造后:根据实际数据进行自动汇总处理,与类型无关,即相同字段名称的汇总。

datastructure

增加单击下钻右键返回事件

​ 添加单击和右键事件实现下钻返回。

instance.off('click')
instance.on('click', (params) => {
    // 添加单击事件
})

instance.on('contextmenu', (params) => {
    // 添加右键事件
})

地图json文件扩展

​ 既然能够指定区域地图,就要有地图的json文件,这里推荐两个免费的json地图地址。

​ 阿里的:http://datav.aliyun.com/tools/atlas/#&lat=33.54139466898275&lng=104.2822265625&zoom=4

​ 个人的:https://gallery.echartsjs.com/editor.html?c=xr1IEt3r4Q 更新很及时,行政区划调整比较及时。

​ 中国闭源软件多,开源软件少,可能一个原因是付费的少,这些作者提供的json文件着实给力,所以建议大家使用之余,能力范围内打赏一下(非广告)。

json

几个推荐和注意

json文件改造自定义上传

​ 可以改造json文件自定义上传,这样用户可以自己上传json文件然后从地图样式里面指定。

json层级建立对照字典表

​ 对于自定义上传的json文件建立层级对照表,源码里面通过js文件对照的,不利于维护。

普通图表下钻功能的影响

​ Davinci dashboard有下钻的功能,并且图表的钻添加了右键事件,所以需要进一步验证是否存在冲突的问题。

交流学习

刚建的群,学习Metabase、Davinci等开源BI,群号:72569367,感兴趣的可以加一下。
blog地址:https://dumplingbao.github.io/2020/03/28/davinci-dev-map/

©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 211,743评论 6 492
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 90,296评论 3 385
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 157,285评论 0 348
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 56,485评论 1 283
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 65,581评论 6 386
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 49,821评论 1 290
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 38,960评论 3 408
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 37,719评论 0 266
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 44,186评论 1 303
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 36,516评论 2 327
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 38,650评论 1 340
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 34,329评论 4 330
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 39,936评论 3 313
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 30,757评论 0 21
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,991评论 1 266
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 46,370评论 2 360
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 43,527评论 2 349

推荐阅读更多精彩内容

  • 概述 Davinci 目前的地图是区域地图,取自json文件,地图目前是写死状态,区域地图下还有气泡图、飞行图和热...
    diss带码阅读 4,554评论 1 2
  • 出自http://my.oschina.net/are1OfBlog/blog/420034 摘要 现在很多社交、...
    JJO阅读 4,124评论 4 19
  • http://www.cnblogs.com/kenshincui/p/4125570.html 摘要: 现在很多...
    大崔老师阅读 3,278评论 1 2
  • “未来简史”里的话:知识如果不能改变行为,就没有用处。但知识一旦改变了行为,本身就立刻失去意义。我们拥有越多数据,...
    颂奇2018阅读 334评论 0 6
  • 虽然朋友知道我经常周末去上课,偶尔还在朋友圈里调侃,我今天有点困,打算吃完饭早点去教室小睡一会儿,大师兄会安慰我说...
    静静说阅读 449评论 0 0