Cesium gif动画

最新推荐文章于 2024-03-05 15:55:29 发布

是可爱的大福呀~

最新推荐文章于 2024-03-05 15:55:29 发布

阅读量337

点赞数

分类专栏： cesium 文章标签：动画

本文链接：https://blog.csdn.net/henghahouhei/article/details/122323024

版权

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">
    <title>gif动画</title>
    <link href="../Cesium/Widgets/widgets.css" rel="stylesheet" />
    <script src="../Cesium/Cesium.js"></script>
    <script src="../js/libgif.js"></script>
</head>
<body>
<div id="cesiumContainer" class="fullSize"></div>
<script>
    Cesium.Ion.defaultAccessToken = 'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJqdGkiOiJlZWVhNjZkZS0yZDgzLTRhZGEtOGJkYS1iMWUxNmM3NzNmNmUiLCJpZCI6NjM1MzEsImlhdCI6MTYyODIyNzYyMn0.Swb3G8ZboOXzXXiMLjEXIErFjXXZmbZrFIKXCxtIxnQ';
    var viewer = new Cesium.Viewer("cesiumContainer");
    //设置初始位置
    viewer.camera.setView({
        destination: Cesium.Cartesian3.fromDegrees(117.08259, 36.87161, 200)
    });
    popupGif()
    //气泡
    function popupGif() {
        const gifDiv1 = document.createElement('div');
        const popupImg = document.createElement('img');
        const popupImg1 = document.createElement('img');
        const popupImg2 = document.createElement('img');
        const popupImg3 = document.createElement('img');
        // // gif库需要img标签配置下面两个属性
        popupImg.setAttribute('rel:animated_src', '../image/popup/xnd.gif')
        popupImg.setAttribute('rel:auto_play', '0')
        popupImg1.setAttribute('rel:animated_src', '../image/popup/zndg.gif')
        popupImg1.setAttribute('rel:auto_play', '0')
        popupImg2.setAttribute('rel:animated_src', '../image/popup/shl.gif')
        popupImg2.setAttribute('rel:auto_play', '0')
        popup

最低0.47元/天解锁文章

是可爱的大福呀~

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
Cesium gif动画

<!DOCTYPE html><html lang="en"><head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-.
复制链接

扫一扫