演示视频:
[video width="1916" height="1076" mp4="https://cdn2.axureshop.com/wp-content/uploads/2021/09/11449-301613940422.mp4"][/video]
原理:
先在高德开放平台注册开发者帐号,申请KEY,使用自定义地图,设置地图样式,生成地图HTML文件(上传至端调用或生成至本地),再由AXURE通过框架接入高德地图。可实现:
框架-高复用
全屏与退出全屏 (JS方法)-高复用
实时日期时间(函数)-高复用
实时天气(API)-高复用
灵活更改楼宇颜色(高德API)-低复用
地图样式风格(高德API)-低复用
地图所在城市及中心点(高德API)-低复用
2、3D样式切换展示(高德API)-低复用
放大缩小地图层级(高德API)-低复用
自定义倾斜角度(高德API)-低复用
自定义是否旋转(高德API)-低复用
是否启用路况(高德API)-低复用
可在界面上配置图表(亦可调用类似Axhub动态图表)-中复用
可配置点位坐标图标(高德API)-低复用
演示可能会有些卡顿,取决于您的网速,属于正常现象。
懂点前端的能轻而易举学习如何自定义,如果您还是觉得太难了,可以直接复用现有的样式,基本能满足大部分需求。