顯示源代碼
                遮罩反選
                 開發文檔
                            <!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%; }
                        .bmgl-widget-credits{display:none}
                    </style>
                    <title>Google Map Streets</title>
                </head>
                <body>
                    <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',infoBox:false,selectionIndicator:false});
                        if (bmgl.FeatureDetection.supportsImageRenderingPixelated()) {
                                viewer.resolutionScale = window.devicePixelRatio;
                         }
                        //開啟抗鋸齒,讓圖像更加順滑
                        viewer.scene.postProcessStages.fxaa.enabled = true;
                        fetch(`/offline_data/cd.geojson`)
                        .then(response => {return response.json()})
                        .then(response => {
                            var fs = response.features[0].geometry.coordinates[0];
                            var maskspoint = bmgl.Cartesian3.fromDegreesArray(fs.flat())
                            console.log("myfs",fs);
                                var area = new bmgl.Entity({
                                  polygon: {
                                    hierarchy: {
                                        // 定義多邊形或孔外邊界的線性環。
                                        positions: bmgl.Cartesian3.fromDegreesArray([
                                            10, 0, 10, 89, 160, 89, 160, 0,
                                        ]), 
                                        // 一組多邊形層次結構,定義多邊形中的孔。
                                        holes: [
                                            {
                                                positions: maskspoint, //挖空區域
                                            },
                                        ],
                                    },
                                    // 填充多邊形的材質
                                    material: bmgl.Color.BLACK.withAlpha(0.9),
                                    },
                                polyline:{
                                    positions:maskspoint,
                                    material:new bmgl.PolylineGlowMaterialProperty({
                                        glowPower: 0.4,
                                        color: bmgl.Color.fromCssColorString("#44d5ff")
                                    }),
                                    width:4.0,
                                }    
                              })
                              viewer.entities.add(area);
                              viewer.camera.setView({ 
                                    destination: bmgl.Cartesian3.fromDegrees( 
                                        102.70375083544735,19.17904437967765, 
                                        2604621.54260337),
                                    orientation:{
                                          heading: 0.10168873888760643,
                                          pitch: -1.1096225446158865,
                                          roll:0.00042305904671557926,
                                    }
                            });
                        })
                     
                    </script>
                </body>
                </html        
                主站蜘蛛池模板: 久久亚洲中文字幕无码| 免费在线观看亚洲| 59pao成国产成视频永久免费| 无码日韩人妻精品久久| 亚洲国产欧美日韩精品一区二区三区 | 亚洲欧美自拍明星换脸| 萌白酱在线17分钟喷水视频| 国产精品视频九九九| 一本精品99久久精品77| 日韩a无v码在线播放| 亚洲天堂在线播放| 皇上啊轻点灬大ji巴太粗太h| 国产在线中文字幕| 2021午夜国产精品福利| 尤物视频在线播放| 久久国产精品亚洲综合| 欧美怡红院免费的全部视频| 免费99精品国产自在现线| 能播放18xxx18女同| 国产欧美日韩综合精品一区二区| 99热热久久这里只有精品166| 成品网站nike源码1688免费| 久久老子午夜精品无码怎么打| 波多野结衣办公室在线| 四虎8848精品永久在线观看| 黑人巨茎大战白人美女| 无码高潮少妇毛多水多水免费| 亚洲国产av高清无码| 男女一边摸一边做爽爽| 国产三级观看久久| 麻豆视频免费播放| 国内免费高清视频在线观看 | 玛雅视频网站在线观看免费| 国产AV日韩A∨亚洲AV电影| 日韩精品一区二区三区老鸭窝 | 久9久9精品免费观看| 最新中文字幕在线播放| 亚洲成av人片在线看片| 狼友av永久网站免费观看| 又黄又爽无遮挡免费视频| 野花香社区在线视频观看播放 |