","url":"https://www.zcool.com.cn/work/ZMjg2NzczNjQ=.html","image":"https://img.zcool.cn/community/0170fd5b347c64a80121b994925f3f.jpeg?k=bc034b9a6bd5dbff51b44f18d7602699&t=6a22f280","datePublished":"2018-06-28T06:39:57.000Z","dateModified":"2018-07-25T08:52:35.000Z","author":{"@type":"Person","name":"Vivie724","url":"https://www.zcool.com.cn/u/2729209"},"mainEntityOfPage":"https://www.zcool.com.cn/work/ZMjg2NzczNjQ=.html"}

地图定位＋定位js

北京/UI设计师/7年前/2020浏览

版权

地图定位＋定位js

信息可视化

信息可视化是可视化技术在非空间数据领域的应用，可以增强数据呈现效果，让用户以直观交互的方式实现对数据的观察和浏览，从而发现数据中隐藏的特征、关系和模式。

下面附上js代码：

<!DOCTYPE html>

<html style="width: 100%;height: 100%">

<head>

<script src="build/player/lottie.js"></script>

</head>

<body style="background-color:#ccc; margin: 0px;height: 100%;">

<div style="width:100%;height:100%;background-color:#333;" id="bodymovin"></div>

<script>

var animData = {

wrapper: document.getElementById('bodymovin'),

animType: 'html',

loop: true,

prerender: true,

autoplay: true,

path: 'data.json'

};

var anim = bodymovin.loadAnimation(animData);

</script>

</body>

</html>

Current Time 0:00

/

Duration Time 0:00

Progress: NaN%

地图定位＋定位js（图ZMTE5NjQ4NDM2） - 交互/UE - 站酷设计师Vivie724原创素材 - 站酷ZCOOL

收藏

地图定位＋定位js（图ZMTE5NjQ2MDQ0） - 交互/UE - 站酷设计师Vivie724原创素材 - 站酷ZCOOL

收藏

地图定位＋定位js（图ZMTE5NjQ2MDYw） - 交互/UE - 站酷设计师Vivie724原创素材 - 站酷ZCOOL

收藏

地图定位＋定位js（图ZMTE5NjQ2MDY4） - 交互/UE - 站酷设计师Vivie724原创素材 - 站酷ZCOOL

收藏

地图定位＋定位js（图ZMTE5NjQ2MDg4） - 交互/UE - 站酷设计师Vivie724原创素材 - 站酷ZCOOL

收藏

地图定位＋定位js（图ZMTE5NjQ2MTAw） - 交互/UE - 站酷设计师Vivie724原创素材 - 站酷ZCOOL

收藏

26

举报

|

声明

12

分享

原创作品 UI 交互/UE AE motion 交互设计动效设计界面设计

评论

评论你的想法~

表情

喜欢TA的作品吗？喜欢就快来夸夸TA吧！

登录注册

26

12

评论

分享