顯示源代碼
                3d行政區(qū)突出展示
                 開發(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>
                        <!-- 波動特效 -->
                        <script src="http://www.xawiki.com/Public/js/3d/circleWave.js"></script>
                        <!-- 墻體特效 -->
                        <script src="/bmgl/border/wall.js"></script>
                        <style>
                            body {
                                margin: 0;
                                padding: 0;
                            }
                            #container {
                                position: absolute;
                                top: 0;
                                bottom: 0;
                                width: 100%;
                                /* background: url("/bmgl/borderbg.png") no-repeat; */
                                /* background-size: cover; */
                            }
                        </style>
                        <title>遂寧市衛(wèi)圖</title>
                    </head>
                    <body>
                        <div id="container"></div>
                
                        <script>
                            let arr = [
                                [105.63423157, 30.51347018, 0],
                                [105.4083252, 30.83149788, 0],
                                [105.26550293, 30.5220473, 0],
                            ];
                            bmgl.Config.HTTP_URL = 'http://ua.bigemap.com:30081/bmsdk/';
                
                            window.viewer = new bmgl.Viewer("container", {
                                mapId: "bigemap.brcmean6",
                                // terrainId: "bigemap.3vom3sxx",
                                orderIndependentTranslucency: false,
                                contextOptions: {
                                    webgl: {
                                        alpha: true,
                                    },
                                },
                            });
                            viewer.camera.setView({
                                destination: bmgl.Rectangle.fromDegrees(
                                    105.05606079101562,
                                    30.17629623413086,
                                    105.99750518798828,
                                    31.163055419921875
                                ),
                            });
                            if (bmgl.FeatureDetection.supportsImageRenderingPixelated()) {
                                //判斷是否支持圖像渲染像素化處理
                                viewer.resolutionScale = window.devicePixelRatio;
                            }
                            viewer.imageryLayers.addImageryProvider(
                                new bmgl.SingleTileImageryProvider({
                                    url: "/bmgl/border/calib.png",
                                    rectangle: new bmgl.Rectangle.fromDegrees(
                                        104.63653564,
                                        30.05720849,
                                        106.25427246,
                                        31.29498105
                                    ),
                                })
                            );
                            viewer.imageryLayers.addImageryProvider(
                                new bmgl.SingleTileImageryProvider({
                                    url: "/bmgl/border/calib-value.png",
                                    rectangle: new bmgl.Rectangle.fromDegrees(
                                        104.66125488,
                                        30.08573123,
                                        106.21994019,
                                        31.26681325
                                    ),
                                })
                            );
                            viewer.imageryLayers.addImageryProvider(
                                new bmgl.SingleTileImageryProvider({
                                    url: "/bmgl/border/calib-dir.png",
                                    rectangle: new bmgl.Rectangle.fromDegrees(
                                        104.66125488,
                                        30.08573123,
                                        106.21994019,
                                        31.26681325
                                    ),
                                })
                            );
                            window.viewer = viewer;
                            viewer.scene.fxaa = true;
                            viewer.scene.postProcessStages.fxaa.enabled = true;
                            viewer.scene.skyBox.show = false; //隱藏天空盒子
                            // viewer.scene.backgroundColor = new bmgl.Color(0.0, 0.0, 0.0, 0.0); //隱藏黑色背景
                            viewer.scene.backgroundColor = new bmgl.Color.fromCssColorString(
                                "#363635"
                            ); //隱藏黑色背景
                            viewer.scene.globe.baseColor = new bmgl.Color.fromCssColorString(
                                "#363635"
                            ); //替換球體默認藍色
                            viewer.scene.globe.enableLighting = false; //隱藏太陽
                            viewer.shadows = false;
                            viewer.scene.sun.show = false; //或者viewer.scene.sun.destroy();
                            viewer.scene.moon.show = false; //隱藏月亮
                            viewer.scene.skyAtmosphere.show = false; //大氣圈
                            viewer.scene.fog.enable = false; //霧
                            // 加載邊界墻體
                            function loadWall() {
                                var promise = bmgl.KmlDataSource.load("/bmgl/border/snwt.kml");
                                promise
                                    .then(function (dataSource) {
                                        // viewer.dataSources.add(dataSource);
                                        var entities = dataSource.entities.values;
                                        var colorHash = {};
                                        let wallArr = [];
                                        let maxlength = 0;
                                        for (let i = 0; i < entities.length; i++) {
                                            var entity = entities[i];
                                            if (entity.polygon) {
                                                //  console.log(entity.polygon.hierarchy.getValue().positions);
                                                let aa =
                                                    entity.polygon.hierarchy.getValue()
                                                        .positions;
                                                if (i == 0 && wallArr.length == 0) {
                                                    wallArr.push(...aa);
                                                    maxlength = wallArr.length;
                                                } else {
                                                    if (aa.length >= maxlength) {
                                                        wallArr = [];
                                                        wallArr.push(...aa);
                                                        maxlength = aa.length;
                                                    }
                                                }
                                            }
                                        }
                                        viewer.entities.add({
                                            wall: {
                                                positions: wallArr,
                                                minimumHeights: new Array(wallArr.length).fill(
                                                    0
                                                ),
                                                maximumHeights: new Array(wallArr.length).fill(
                                                    3000
                                                ),
                                                // material: bmgl.Color.fromCssColorString("#2a492c").withAlpha(0.9),
                                                material: new bmgl.WallDiffuseMaterialProperty({
                                                    color: bmgl.Color.fromCssColorString(
                                                        "#2a492c"
                                                    ).withAlpha(0.9),
                                                }),
                                            },
                                        });
                                        viewer.flyTo(viewer.entities);
                                    })
                                    .otherwise(function (error) {
                                        //Display any errrors encountered while loading.
                                        window.alert(error);
                                    });
                            }
                
                            loadWall();
                
                            //加載點位特效
                            function loadWaveandEffect(viewer, arr) {
                                arr.forEach((position, index) => {
                                    let circleWave = new CircleWave(
                                        viewer,
                                        `cirCleWave${index}`
                                    );
                                    circleWave.add(position, "#1FA8E3", 5000, 3000); //經(jīng)緯度,顏色,半徑,時間
                                    viewer.entities.add({
                                        position: bmgl.Cartesian3.fromDegrees(
                                            position[0],
                                            position[1],
                                            400
                                        ),
                                        billboard: {
                                            image: "/bmgl/border/park.png",
                                            scale: 0.2,
                                            pixelOffset: new bmgl.Cartesian2(2, -12),
                                        },
                                    });
                                });
                            }
                
                            loadWaveandEffect(viewer, arr);
                        </script>
                    </body>
                </html>
                        
                主站蜘蛛池模板: 中文无码AV一区二区三区| 奇米影视7777狠狠狠狠影视| 亚洲精品第二页| 边吃奶边摸下面| 国内精品久久久久久99蜜桃| 久久久久亚洲AV无码专区首JN| 欧美日韩中文字幕在线观看| 北条麻妃在线一区二区| 高中生的放荡日记h| 国产视频一区二区在线播放| 东北疯狂xxxxbbbb中国| 日韩精品视频免费观看| 亚洲欧美日本a∨在线观看| 精品国产一区二区三区不卡| 国产午夜精品理论片| 538在线播放| 奇米色在线视频| 中文字幕欧美一区| 日韩精品免费一级视频| 亚洲成人在线电影| 男人添女人下部全视频| 四个美女大学被十七个txt| 黄网在线观看免费| 国产精品人成在线观看| 99精品热视频| 影音先锋亚洲资源| 久久大香线蕉综合爱| 欧美、另类亚洲日本一区二区| 亚洲精品一区二区三区四区乱码| 精品国产污污免费网站| 国内精品久久久久久无码不卡 | 天天干天天爱天天操| 中文字幕日韩精品麻豆系列| 日韩精品无码免费专区网站| 亚洲女初尝黑人巨高清| 狠狠色狠狠色综合系列| 又黄又爽又色又刺激的视频 | 亚洲一区电影在线观看| 欧美精品一区二区三区在线 | 777久久成人影院| 天堂bt资源www在线|