提问 发文

地图类组件散点等子组件随下钻层级变化(控制不超出边界)

微微菌

| 2023-12-26 15:30 79 0 0

需求

地图类的组件经常要子组件的数据响应下钻层级的变化,这就需要使用回调来动态改变子组件数据。

另一方面,静态数据时,下钻后父级的子组件还是显示在子级里,并且可能还超过了子级地图边界,如下图所示:

上图所示的这种情况在接入响应adcode变化的动态数据后就不会存在了。

地图回调

以3D边界地图为例,地图下钻和返回上一级时发出的回调来自于地图数据。

上图中是浙江省的geojson数据,其中的features下包含了浙江省下所有的城市的边界信息。图中显示的杭州市的边界信息,这个边界信息中有个properties的对象,这个对象下的所有的字段都可以作为回调的字段值。

上图中回调的字段值填入的是adcode,这是最常用的properties字段,除此之外还可以填入name、level等。

如果是自定义的数据,properties中会有什么字段并没有严格的保证,因为properties的字段可以自定义,所以这时需要确认地图数据中的properties有哪些字段。adcode这个字段是必须的,不然地图根本无法正常显示。

示例

下面的示例演示的就是通过两组数据来模拟动态接口请求,传入adcode,返回该层级的子组件数据。

📎地图类组件散点等子组件随下钻层级变化(控制不超出边界)_1986026.zip

收藏 0
分享
分享方式
微信

评论

游客

全部 0条评论

8886

文章

4.27W+

人气

11

粉丝

1

关注

官方媒体

轻松设计高效搭建,减少3倍设计改稿与开发运维工作量

开始免费试用 预约演示

扫一扫关注公众号 扫一扫联系客服

©Copyrights 2016-2022 杭州易知微科技有限公司 浙ICP备2021017017号-3 浙公网安备33011002011932号

互联网信息服务业务 合字B2-20220090

400-8505-905 复制
免费试用
微信社区
易知微-数据可视化
微信扫一扫入群