顯示源代碼
                漸變紋理
                 開發(fā)文檔
                            <!DOCTYPE html>
                
                <html>
                <head>
                    <meta charset='UTF-8'/>
                    <meta name='viewport' content='initial-scale=1,maximum-scale=1,user-scalable=no'/>
                    <link  rel='stylesheet'/>
                    <script src='http://ua.bigemap.com:30081/bmsdk/bigemap-gl.js/v1.1.0/bigemap-gl.js'></script>
                    <style>
                        body {
                            margin: 0;
                            padding: 0;
                        }
                
                        #container {
                            position: absolute;
                            top: 0;
                            bottom: 0;
                            width: 100%;
                        }
                           .canvas {
                            position: absolute;
                            left: 10px;
                            top: 10px;
                            display: none;
                        }
                
                        #canvas-a {
                            top: 10px;
                        }
                
                        #canvas-b {
                            top: 120px;
                        }
                        .bmgl-widget-credits{display:none}
                    </style>
                    <title>part_test</title>
                </head>
                <body>
                
                <canvas id="canvas-a" class="canvas" width="700" height="100"></canvas>
                <canvas id="canvas-b" class="canvas" width="700" height="100"></canvas>
                <div id='container'></div>
                
                <script>
                 bmgl.Config.HTTP_URL = 'http://ua.bigemap.com:30081/bmsdk/';
                    var viewer = new bmgl.Viewer('container', {mapId: 'bigemap.dc-satellite'});
                    //設(shè)置初始位置
                    viewer.camera.setView({
                        destination: bmgl.Cartesian3.fromDegrees(110.20, 34.55, 3000000)
                    });
                    //不啟用地形遮擋
                    viewer.scene.globe.depthTestAgainstTerrain=false;
                    //取消雙擊事件
                    viewer.BMWidget.screenSpaceEventHandler.removeInputAction(bmgl.ScreenSpaceEventType.LEFT_DOUBLE_CLICK);
                    viewer.entities.add({
                        name: 'Red wall at height',
                        wall: {
                            positions: bmgl.Cartesian3.fromDegreesArrayHeights([
                                121.444409, 31.247417, 200.0,
                                121.533521, 31.235685, 200.0,
                                121.563273, 31.190347, 200.0,
                                121.546744, 31.194054, 200.0,
                                121.516705, 31.191459, 200.0,
                                121.502188, 31.203074, 200.0
                            ]),
                            minimumHeights: [3000.0, 2000.0, 2000, 2000, 2000, 3000],
                            material: getColorRamp([0.0, 0.045, 0.1, 0.15, 0.37, 0.54, 1.0], true)
                        }
                    });
                
                    viewer.entities.add({
                        name: 'Red wall at height',
                        wall: {
                            positions: bmgl.Cartesian3.fromDegreesArrayHeights([
                                121.554409, 31.247417, 200.0,
                                121.643521, 31.235685, 200.0,
                                121.673273, 31.190347, 200.0,
                                121.656744, 31.194054, 200.0,
                                121.626705, 31.191459, 200.0,
                                121.612188, 31.203074, 200.0
                            ]),
                            minimumHeights: [3000.0, 2000.0, 2000, 2000, 2000, 3000],
                            material: getColorRamp([0.0, 0.045, 0.1, 0.15, 0.37, 0.54, 1.0], false)
                        }
                    });
                
                    viewer.zoomTo(viewer.entities);
                
                    function getColorRamp(elevationRamp, isVertical = true) {
                        let ramp = document.createElement('canvas');
                        ramp.width = isVertical ? 1 : 100;
                        ramp.height = isVertical ? 100 : 1;
                        let ctx = ramp.getContext('2d');
                
                        let values = elevationRamp;
                        let grd = isVertical ? ctx.createLinearGradient(0, 0, 0, 100) : ctx.createLinearGradient(0, 0, 100, 0);
                        grd.addColorStop(values[0], '#000000'); //black
                        grd.addColorStop(values[1], '#2747E0'); //blue
                        grd.addColorStop(values[2], '#D33B7D'); //pink
                        grd.addColorStop(values[3], '#D33038'); //red
                        grd.addColorStop(values[4], '#FF9742'); //orange
                        grd.addColorStop(values[5], '#ffd700'); //yellow
                        grd.addColorStop(values[6], '#ffffff'); //white
                
                        ctx.fillStyle = grd;
                        if (isVertical)
                            ctx.fillRect(0, 0, 1, 100);
                        else
                            ctx.fillRect(0, 0, 100, 1);
                        return ramp;
                    }
                </script>
                </body>
                </html>                                                                                                                                                                                                                                                                    
                主站蜘蛛池模板: 国产强伦姧在线观看无码| 三上悠亚一区二区观看| 99亚洲精品视频| 在线观看福利网站| 韩国理论福利片午夜| 色妞www精品视频免费看| 精品免费AV一区二区三区| 欲乱美女诗涵番外5| 日韩精品一区二区三区中文3d| 把腿抬起来就可以吃到扇贝了 | 毛色毛片免费观看| 明星ai换脸高清一区| 成人国产在线不卡视频| 国产超碰人人做人人爽av | 夜夜橹橹网站夜夜橹橹| 国产换爱交换乱理伦片| 内射白嫩少妇超碰| 亚洲人成在线中文字幕| 东北少妇不带套对白| 7777奇米影视| 老少另类性欧美杂交| 欧美日韩中文字幕在线视频| 无码人妻一区二区三区av| 国产边摸边吃奶叫床视频| 国产一区二区电影| 亚洲欧美一区二区三区| 中文字幕精品视频在线观看| 97国产精品视频观看一| 色欲麻豆国产福利精品| 欧美日本一本线在线观看| 把腿抬起来就可以吃到扇贝了 | 成人网站在线进入爽爽爽| 国产精品亚洲精品日韩已满| 午夜国产羞羞视频免费网站| 亚洲av无码国产一区二区三区| xxxxx亚洲| 又紧又大又爽精品一区二区 | 国产乱人伦偷精精品视频| 亚洲熟妇少妇任你躁在线观看| 久久久亚洲欧洲日产国码二区 | 久久中文字幕无码专区|