在线免费看污_亚洲视频在线免费观看_91精品国产电影_久久国产亚洲_久久四虎影院_亚洲欧美a_国产精品一区二区三

顯示源代碼
分割地球
 開發(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>                                                                                                                                                        
主站蜘蛛池模板: 激情视频免费网站 | 99在线视频精品费观看视 | 久久亚洲精品中文字幕亚瑟 | 麻豆影视大全 | 99久久综合精品国产 | 国产精品夜夜春夜夜爽 | 毛片久久| 欧区一欧区二欧区三免费 | 日本欧美日韩 | 99精品视频在线观看免费专区 | 欧美jizzjizz在线播放 | 日本免费网| 人人爱国产 | 欧美高清色视频在线播放 | 男女一级毛片 | 亚洲已满18点击进入在线观看 | 男女无遮挡毛片视频播放 | 精品一卡2卡三卡四卡二卡 精品一卡二卡三卡 | 国产区亚洲区 | 青青草娱乐 | 中国人与黑人xxxx视频 | 综合558欧美成人永久网站 | 国产麻豆剧果冻传媒观看免费视频 | 亚洲第一视频网站 | 婷婷久久精品 | 国产调教视频在线观看 | 欧美另类精品一区二区三区 | 欧美性生活视频 | 久久精品免费一区二区三区 | 久久99精品久久久久久欧洲站 | 男女xx00大尺度动态 | 免费视频xxx | 精品久久久久久久一区二区伦理 | 欧美又爽又黄又无遮挡网站 | 麻豆国产精品视频 | 久久免费资源福利资源站 | 欧美性20hd另类 | 午夜性激福利免费观看 | 日本人69视频页码jlzz | 青青草视频免费观看 | 国产ww久久久久久久久久 |