顯示源代碼
                動態貼圖
                 開發文檔
                            <!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',requestRenderMode:false,});
                    //設置初始位置
                    viewer.camera.setView({
                        destination: bmgl.Cartesian3.fromDegrees(110.20, 34.55, 3000000)
                    });
                    //取消雙擊事件
                    viewer.BMWidget.screenSpaceEventHandler.removeInputAction(bmgl.ScreenSpaceEventType.LEFT_DOUBLE_CLICK);
                
                    var curCanvas = 'a';
                    var i = 0;
                    function drawCanvasImage(time, result) {
                        let canvas = document.getElementById("canvas-" + curCanvas);
                        let cwidth = 700;
                        let cheight = 100;
                        let ctx = canvas.getContext("2d");
                        let img = new Image();
                        img.src = "/bmgl/images/arrow.png";
                        ctx.clearRect(0, 0, cwidth, cheight);
                        img.onload = function () {
                            if (i <= cwidth) {
                                ctx.drawImage(img, i, 0);
                            } else
                                i = 0;
                            i += 3;
                        }
                        curCanvas = curCanvas === 'a' ? 'b' : 'a';
                        return canvas;
                    }
                
                    viewer.entities.add({
                        name: 'image',
                        rectangle: {
                            coordinates: bmgl.Rectangle.fromDegrees(-90.0, 30.0, -70.0, 35.0),
                            height:100000,
                            material: new bmgl.ImageMaterialProperty({
                                image: new bmgl.CallbackProperty(drawCanvasImage, false),
                                transparent: true
                            })
                        }
                    });
                
                    viewer.zoomTo(viewer.entities);
                </script>
                </body>
                </html>                                                                                                                                                                                                                                
                主站蜘蛛池模板: 国产午夜视频高清| 理论秋霞在线看免费| 巨胸喷奶水视频www网快速| 亚洲国产天堂久久综合| 4hu四虎最新免费地址| 女人喷液抽搐高潮视频| 亚洲国产美女精品久久久久 | x8x8在线观看| 日韩AV无码一区二区三区不卡 | 欧美亚洲校园第一页| 免费看一级做a爰片久久| 青青草国产成人久久91网| 女神校花乳环调教| 亚洲国产一区二区a毛片| 福利视频一区二区三区| 国产疯狂露脸对白| HEYZO高无码国产精品| 护士撩起裙子让你桶的视频| 亚洲一区欧美一区| 激情伊人五月天久久综合| 四虎www成人影院| 69成人免费视频| 日本高清乱理论片| 亚洲日本在线观看网址| 草草影院ccyy国产日本欧美| 国产精品区一区二区三| www.henhencao.com| 无码日韩人妻精品久久| 亚洲精品自产拍在线观看| 美女羞羞免费视频网站| 国产老肥熟xxxx| 一区二区三区免费精品视频| 日本xxxxx在线观看| 五月婷婷中文字幕| 男和女一起怼怼怼30分钟| 国产欧美日韩一区二区三区| 中国一级黄色片子| 日韩在线一区高清在线| 亚洲麻豆精品果冻传媒| 绿巨人app入口| 国产福利一区视频|