婷婷久久网-婷婷久久久久-婷婷久久久-婷婷久-国产微拍精品一区-国产网址在线观看

顯示源代碼
分割地球
 開發(fā)文檔
            <!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link  rel='stylesheet' />
    <script src='http://ua.bigemap.com:30081/bmsdk/bigemap-gl.js/v1.1.0/bigemap-gl.js'></script>
</head>
<style>
    * {
        margin: 0;
        padding: 0;
    }

    #container {
        position: absolute;
        top: 0;
        bottom: 0;
        width: 100%;
    }

    #slider {
        position: absolute;
        left: 50%;
        top: 0px;
        background-color: #d3d3d3;
        width: 5px;
        height: 100%;
        z-index: 9999;
    }

    #slider:hover {
        cursor: ew-resize;
    }

    .bmgl-widget-credits {
        display: none;
    }
</style>

<body>
    <div id="container" class="fullSize">
        <div id="slider"></div>
    </div>
    <div id="loadingOverlay">
        <h1>Loading...</h1>
    </div>
    <div id="toolbar"></div>

</body>
<script>

    bmgl.Config.HTTP_URL = 'http://ua.bigemap.com:30081/bmsdk/';
    var viewer = new bmgl.Viewer("container", {
        mapId: 'bigemap.dc-satellite',
        requestRenderMode:false
    });

    var layers = viewer.imageryLayers;

    var earthAtNight = layers.addImageryProvider(
        new bmgl.BMImageryProvider({
            mapId: 'bigemap.dc-map',
        })
    );


    earthAtNight.splitDirection = bmgl.ImagerySplitDirection.LEFT; // Only show to the left of the slider.

    // Sync the position of the slider with the split position
    var slider = document.getElementById("slider");
    viewer.scene.imagerySplitPosition =
        slider.offsetLeft / slider.parentElement.offsetWidth;

    var handler = new bmgl.ScreenSpaceEventHandler(slider);

    var moveActive = false;
    function move(movement) {
        var relativeOffset = movement.endPosition.x;
        var splitPosition =
            (slider.offsetLeft + relativeOffset) /
            slider.parentElement.offsetWidth;
        slider.style.left = 100.0 * splitPosition + "%";
        viewer.scene.imagerySplitPosition = splitPosition;
    }

    handler.setInputAction(function () {
        moveActive = true;
    }, bmgl.ScreenSpaceEventType.LEFT_DOWN);
    handler.setInputAction(function () {
        moveActive = true;
    }, bmgl.ScreenSpaceEventType.PINCH_START);

    handler.setInputAction(move, bmgl.ScreenSpaceEventType.MOUSE_MOVE);
    handler.setInputAction(move, bmgl.ScreenSpaceEventType.PINCH_MOVE);

    handler.setInputAction(function () {
        moveActive = false;
    }, bmgl.ScreenSpaceEventType.LEFT_UP);
    handler.setInputAction(function () {
        moveActive = false;
    }, bmgl.ScreenSpaceEventType.PINCH_END);


</script>

</html>                                                                                                                                                        
主站蜘蛛池模板: 陈冠希的艳照门| 负心人| 姨妈来之前的征兆有哪些| 深圳古镇| 93夜之女| 张小婉身高体重| 小镇姑娘高清播放| 我们的日子演员表| 2003年黄金价格多少一克| 意大利丁导医务员| 内蒙古电视台节目表| 韧战作文800字初中| 黄视频免费观看网站| 狗叫声吸引狗| 咖啡爱上香草电视剧| 强好案电影| 法医秦明之幸存者 2018 经超| 特黄特黄a级毛片免费专区| 二次元美女放屁| 鬼吹灯之精绝古城演员表 | 马修·麦克费登| 水儿武士电影完整免费观看| 彭丹丹主演的经典电影| 极寒复出| 爱情公寓海报| 孤岛惊魂| jar of love完整版| 怀秋| 变形金刚1免费完整版在线观看| 黄美棋| 伴生活| 张俪eyely| 座头市 电影| 极度俏郎君 电视剧| 王顺明| 座头市 电影| 斯维特拜克之歌| 含羞草传媒2024| 视频 | vk| 寡妇一级毛片免费看| 李乃文朱媛媛电视剧|