在线免费看污_亚洲视频在线免费观看_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>                                                                                                                                                        
主站蜘蛛池模板: 欧美一级做一级爱a做片性 欧美一卡二卡三卡 | 国产丝袜控视频在线观看 | 男女三级视频 | 欧美高清一区二区三区 | 99精品在线看 | 久久黄网站 | 午夜久草 | www.亚洲天堂.com | 日本夜夜操 | 亚洲午夜成激人情在线影院 | 1313午夜精品久久午夜片 | 玖玖爱国产 | 干干人人 | 992tv国产精品福利在线 | a毛片免费播放全部完整 | 丁香综合网 | 久久这里只精品国产99热8 | 亚洲一区在线视频 | 日本黄色高清视频 | 深夜福利日韩 | 在线播放日本爽快片 | 日本国产成人精品视频 | 欧美日韩视频在线播放 | www.av一区| 成人a视频高清在线观看 | 国内视频一区 | 黄色三级三级免费看 | 欧美一级视频在线观看欧美 | 国产成人福利精品视频 | 久久一区不卡中文字幕 | 免费观看日本污污ww网站一区 | seyeye在线网站免费观看视频 | 九九热精品免费视频 | 色亚洲视频 | 99国产精品视频久久久久 | 国产毛片久久精品 | 日本韩国三级在线 | 欧美在线看欧美视频免费网站 | 久久精品无遮挡一级毛片 | 久久一二| 韩国三级hd中文字幕所有 |