国产久_亚欧精品一区_久久亚洲美女_99精品在线观看_日韩成人三级_久久精品久久久久

顯示源代碼
分割地球
 開發文檔
            <!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-tian-w-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>                                                                                                                                                        
主站蜘蛛池模板: 欧美日韩亚洲二区 | 精彩视频一区二区 | 少妇做爰免费视频网站色黄 | 欧美无吗 | 四虎视频国产精品免费 | 免费性爱视频 | 色视频在线观看 | 天堂欧美城网址 | 亚洲四房 | 色3344| 欧美伦理一区 | 毛片网站在线观看 | 国产精品乱码一区二三区小蝌蚪 | 欧美国产日韩一区二区三区 | 91精品国产自产在线观看自播 | 日韩在线一二三区 | 日本三级在线视频 | 亚洲黄色影视 | 91精品综合久久久久久五月天 | 综合五月网| 一区中文| 午夜激情成人 | 成人污污 | 自拍偷拍av | 丝瓜导航站 | 国内精品视频在线 | 91久久久久久久久久 | 久久99精品国产麻豆婷婷小说 | 国产成人啪免费观看软件 | 亚洲高清在线视频 | 九九九色 | 免费黄色软件. | 亚洲毛片一区二区三区 | 欧美精品网站 | 在线免费黄色 | 日日夜夜精品免费视频 | 91精品国产色综合久久不卡蜜臀 | 国产九色在线播放九色 | 干美女网站 | wwwxxx日本 | 国产永久在线观看 |