Axure中利用JSBOX制作3D高德地图组件(进阶)

本文介绍了如何使用JSBOX在Axure中制作一个可配置的3D高德地图组件。通过对接数据和修改中继器,用户可以设置地图的中心位置、视角和缩放等参数。提供了详细的步骤和源文件下载链接,帮助读者理解如何通过JSBOX创建交互式组件。
摘要由CSDN通过智能技术生成

JSBOX 是一个面向 Axure 提供便捷开发方式的组件,我们将用它来制作可以显示三维白模的高德地图组件,下面是制作步骤,可以先 点击此处预览效果

在 上一篇 里,你已经通过简单的三步实现了在Axure中插入高德三维地图,但是使用上还不够方便。

接下来我们将调整代码,让你可以在中继器上直接修改地图初始时的中心位置、视角、缩放等一系列参数,在文末我也会提完成后的3D地图组件的下载链接。

1. 配置 JSBOX

选中之前做好的 JSBOX 组件,在右侧样式面板里修改中继器数据,日后我们将在这个界面里对地图进行初始化设定:

2. 对接数据 

现在我们需要在 JSBOX 里获取界面上用户设定的值,很幸运,在 JSBOX 里你可以通过以下简单的代码很方便的拿到这些数据:

// 获取中继器配置(这段代码需要放在所有代码最前面)
const data = THIS.getData({format:'row'});
const lo
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值