亚洲动漫在线观看-亚洲动漫第一页-亚洲丁香婷婷-亚洲丶国产丶欧美一区二区三区-亚洲第一综合网站-亚洲第一永久色

顯示源代碼
分割地球
 開發文檔
            <!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麻豆蜜桃666 | 国产小视频在线 | 99色在线观看| 国产网站免费在线观看 | 欧美日韩精品一区二区三区视频播放 | 四虎免费影院ww4164h | 色综合久久九月婷婷色综合 | 亚洲精品国产精品国自产观看 | 国产区成人综合色在线 | 欧美三茎同入 | 高清在线免费观看 | 娇妻中日久久持久久 | 欧美午夜寂寞影院安卓列表 | 亚洲一级视频在线观看 | 亚洲国产精品无码中文字满 | 91麻豆精品国产片在线观看 | 国产一区二区三区在线观看视频 | 亚洲视频一区二区在线观看 | 91热国内精品永久免费观看 | 2012在线观看免费视频大全 | 欧美 变态 另类 人妖班 | 亚洲天天做夜夜做天天欢 | 国产亚洲福利精品一区二区 | 色综合久久中文字幕网 | 操bb视频 | 国产美女亚洲精品久久久综合91 | 九九热在线观看视频 | 狠狠色综合久久久久尤物 | 国产午夜精品久久理论片 | 大ji吧快给我别停受不了视频 | 欧美成人精品福利在线视频 | 国产精品久久久久久岛国 | 久久成人国产精品一区二区 | 精品国产麻豆免费人成网站 | 日出水了特别黄的视频 | 亚洲乱码一二三四区国产 | 国产成人精品高清不卡在线 | 2015台湾永久免费平台 |