提问 发文

实现地图自定义步进缩放

 图片

预览效果

图片

图片

实现逻辑

通过自定义事件控制地图缩放。

图片

操作步骤

添加【基础平面地图】、【数据容器】和3个【标题】组件,分别修改3个标题的文本为:-1、0、+1。

图片

给数据容器添加回调,回调字段为count。

图片

分别给【-1】和【+1】标题添加交互和数据过滤器:

  • 给标题【-1】添加回调,匹配动作为鼠标点击,字段值和变量名分别为count、newCount。

图片

给标题【-1】添加自定义事件,事件类型为【鼠标点击】,匹配动作为【基础平面地图】视角切换。

图片

  • 同理,给标题【+1】添加回调和自定义事件,详细配置如图所示。

图片

图片

给数据容器添加数据过滤器,并接收标题组件发出的回调。

图片

分别给三个标题添加数据过滤器。

图片

图片

图片

易知微基于多年在数字孪生及数据可视化领域丰富实践,沉淀了诸多经验成果,欢迎大家互相交流学习:

《数字孪生世界白皮书》下载地址:https://easyv.cloud/references/detail/51.html/?t=shequ

《数字孪生行业方案白皮书》下载地址:https://easyv.cloud/references/detail/120.html/?t=shequ

《港口数智化解决方案》下载地址:https://easyv.cloud/references/detail/121.html/?t=shequ

想申请易知微产品免费试用的客户,欢迎点击易知微官网申请试用:https://easyv.cloud/?t=shequ

收藏 0
分享
分享方式
微信

评论

游客

全部 0条评论

135

文章

1.07K

人气

0

粉丝

0

关注

官方媒体

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

开始免费试用 预约演示

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

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

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

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