前端中的地图应该怎么加才好? - V2EX
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
t298
V2EX    前端开发

前端中的地图应该怎么加才好?

  •  
  •   t298 2024-05-13 16:48:37 +08:00 944 次点击
    这是一个创建于 591 天前的主题,其中的信息可能已经有所发展或是发生改变。

    如标题,我们业务需要在多个页面上展示二维地图,然后地图左右两边展示一些表格数据。 第一种展示方案:使用 vue2 来搭建基础框架,在页面中间留个大空/div,把地图嵌进去。这样一方面是页面感觉有点丑,地图和数据的割裂感比较重,在一方面就是切换页面之后,地图得重新加载,数据比地图加载的快,往往数据出来了,地图还在一点点加载。 第二个展示方案:就是页面上通铺地图,然后再以半透明得方式在地图上展示表格及数据,这样看起来能高级点,切换页面切换对应得地图数据,或者整个切换,就是不知道还会有什么其他的问题嘛

    我不知道可以理解我的描述嘛,大佬们有什么好的建议或者开源的项目可以直接用的

    5 条回复    2024-05-14 08:38:27 +08:00
    Baymaxbowen
        1
    Baymaxbowen  
       2024-05-13 16:50:12 +08:00
    这个让 UI 设计一下不就好了吗
    94
        2
    94  
       2024-05-13 17:05:55 +08:00
    既然都要渲染地图,并且是类似的功能。不应该把地图的这一个部分放在父级页面中,子页面调用每次调用同一个地图实例吗。父级把通过 `provide` 把地图的 API 暴露给后代就行了。

    这个就不管你是左右两边,还是通过绝对定位把左右菜单定位到地图组件上放了。
    94
        3
    94  
       2024-05-13 17:07:54 +08:00
    @dfkjgklfdjg #2 ,这个子页面,不一定非要是页面,也可以是子组件。毕竟我看你描述的情况,业务逻辑都是差不多的。只是一个数据大屏,左右留出来的部分可能单纯就是数据看板展示 + 一些额外的数据交互操作。
    t298
        4
    t298  
    OP
       2024-05-13 17:44:46 +08:00
    @dfkjgklfdjg 那就是说,地图相当于一个父组件,其他页面使用的时候引用地图,在通过暴露的 api 在地图上显示点位信息,页面的话就是中间是一个大的 div 嵌地图,左右两边放数据看板就行。是不是这个意思?
    94
        5
    94  
       2024-05-14 08:38:27 +08:00
    @t298 #4 ,相当于在父级页面的子组件(左右数据看板的同级组件)。
    关于     帮助文档     自助推广系统     博客     API     FAQ     Solana     2787 人在线   最高记录 6679       Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 23ms UTC 14:50 PVG 22:50 LAX 06:50 JFK 09:50
    Do have faith in what you're doing.
    ubao msn snddm index pchome yahoo rakuten mypaper meadowduck bidyahoo youbao zxmzxm asda bnvcg cvbfg dfscv mmhjk xxddc yybgb zznbn ccubao uaitu acv GXCV ET GDG YH FG BCVB FJFH CBRE CBC GDG ET54 WRWR RWER WREW WRWER RWER SDG EW SF DSFSF fbbs ubao fhd dfg ewr dg df ewwr ewwr et ruyut utut dfg fgd gdfgt etg dfgt dfgd ert4 gd fgg wr 235 wer3 we vsdf sdf gdf ert xcv sdf rwer hfd dfg cvb rwf afb dfh jgh bmn lgh rty gfds cxv xcv xcs vdas fdf fgd cv sdf tert sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf shasha9178 shasha9178 shasha9178 shasha9178 shasha9178 liflif2 liflif2 liflif2 liflif2 liflif2 liblib3 liblib3 liblib3 liblib3 liblib3 zhazha444 zhazha444 zhazha444 zhazha444 zhazha444 dende5 dende denden denden2 denden21 fenfen9 fenf619 fen619 fenfe9 fe619 sdf sdf sdf sdf sdf zhazh90 zhazh0 zhaa50 zha90 zh590 zho zhoz zhozh zhozho zhozho2 lislis lls95 lili95 lils5 liss9 sdf0ty987 sdft876 sdft9876 sdf09876 sd0t9876 sdf0ty98 sdf0976 sdf0ty986 sdf0ty96 sdf0t76 sdf0876 df0ty98 sf0t876 sd0ty76 sdy76 sdf76 sdf0t76 sdf0ty9 sdf0ty98 sdf0ty987 sdf0ty98 sdf6676 sdf876 sd876 sd876 sdf6 sdf6 sdf9876 sdf0t sdf06 sdf0ty9776 sdf0ty9776 sdf0ty76 sdf8876 sdf0t sd6 sdf06 s688876 sd688 sdf86