BIGEMAP卫星地图_高清卫星地图_北斗高清地图_地图软件_矢量地图数据_专题地图

顯示源代碼
3d行政區突出展示
 開發文檔
            <!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.cnhrsm.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>遂寧市衛圖</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); //經緯度,顏色,半徑,時間
                    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>
        
主站蜘蛛池模板: 太阳能路灯生产厂家-郑州太阳能高杆灯价格-道路照明智能路灯-河南坤德照明 | 陶瓷纤维模块|陶瓷纤维毯|陶瓷纤维纸|高温隔热材料|陶瓷纤维厂家-济南火龙热陶瓷有限责任公司 | 西安鲁班装饰 - 家庭装修,别墅装修,西安十大装修公司排名 | 青田人才网_青田招聘网_求职找工作平台 | 威学一百-专注国际学校择校备考-DSE-A-level-雅思-托福-OSSD-港澳台联考-AP-IGCSE-IB-AMC-多邻国-PTE-SAT-SSAT-小语种(如日语,韩语,德语,法语,西班牙语,意大利语,俄语,泰语)等考试培训,为出国留学学生提供个性化定制性学习方案,线下实体面授+线上网络课程, 提供一对一,小班课等多种班型 | 三原图库 - 设计图片素材打包下载sytuku.com | 全自动清洗过滤器_网式盘式过滤器_石英砂过滤器_叠片过滤器-湖南多灵过滤系统科技有限公司 | 塑料植草格_停车场植草格_消防车道植草格厂家_山东朋联建材 | 上海办公家具_高端实木办公家具_现代智能办公家具定制厂-上海迈亚家具有限公司 | 齐东汽车-提供抑尘车|洒水车|压缩垃圾车|餐厨垃圾车|垃圾转运车|清洗吸污车|扫路车价格,图片及视频 | 江门市振达机械制造有限公司_散货输送系统_全密封带式输送机 | 厦门鼎星五金制品有限公司-厦门弹簧,电池簧,扣簧 | 原创软文新闻稿-网站SEO文章代写-征文演讲稿代笔-写作阁 | 消字号牙膏代加工|面膜代加工|凝胶贴牌|漱口水贴牌-南京三盾药业有限公司-消字号牙膏代加工|面膜代加工|凝胶贴牌|漱口水贴牌-南京三盾药业有限公司 | 乌兰察布市集宁牧田饲料科技有限公司-乌兰察布奶牛饲料|饲料原料加工|精品羊料 | 精品中文字幕在线观看,粉嫩av一区二区三区,最近中文字幕在线看免费视频,亚洲高清在线观看,日本一区二区视频手机免费看,国产黄色小视频,亚洲高清免费视频,国产精品一区二区欧美视频,亚洲人免费视频,亚洲视频在线观看免费,国产免费高清综合视频,中文字幕永久在线 | 手持电能质量测量仪-TD-1168多功能高空接线钳-上海妙定电气有限公司 | 找标牌网-数字标牌,广告牌,标识标牌行业门户网站 | 视觉检测设备_CCD光学筛选机_分度盘光学筛选机-无锡精质智能装备 | 沈阳河山铸造有限公司 | 猴脑立体定位仪-无菌动物隔离器-格罗贝尔百科| 土工膜_土工布_复合土工膜_山东土工膜生产厂家_山东路易达新材料有限公司 | 水处理设备_纯净水设备_软化水设备_反渗透水处理设备「陕西甘肃青海宁夏新疆」认准海川环保 | 无缝钢管生产厂家-20G-L360N无缝钢管价格-天津海诚无缝钢管集团 无尘投料站-真空上料机-旋振筛|超声波振动筛|摇摆筛|筛分机-新乡市欧霖佳机械有限公司 | 亿企商贸-亿万企业的商务贸易平台-B2B企业产品发布供求信息平台,一带一路中国企业及产品展示平台,免费企业智能自助建站网络营销推广平台,打造B2B企业黄页产品信息发布推广专业综合电子商务平台! | 微型压力传感器-工业压力放大器-压力传感器厂家-力准传感 | 家用座椅电梯 斜挂升降平台 无障碍升降机 残疾人升降机的生产厂家超易达机械 | 黑料网 - 黑料大事记-黑料门 黑料社最新 今日黑料 热门黑料 最新反差免费-黑料网今日黑料首页_黑料网 - 黑料大事记-黑料门 黑料社最新 今日黑料 热门黑料 最新反差免费-黑料网今日黑料首页 | 思源医疗器械网,雾化器厂家,医用床生产厂家,医疗器械厂家,医疗器械代加工 | 青山套筒_直螺纹钢筋连接套筒加工_全灌浆套筒灌浆料_半灌浆套筒生产-衡水安达机械设备有限公司 | 普利塞HS穿刺活检针-巴德穿刺活检针-美创爱琅Argon活检针同轴针-山东瑞玺源 | 挖掘机|小型挖掘机|挖掘机抓木机|轮式挖掘机|宝鼎挖掘机-宝鼎液压机械公司厂家直销 | 生物可降解膜_全降解薄膜_可降解包装膜材料厂家-凯峰降解膜 | 全降解塑料厂家_淋膜_秸秆_手机壳_气泡袋_牙刷牙线_GRS可回收包装材料-东莞全球环保科技有限公司 | 线性排水沟-成品排水沟-树脂排水沟-树脂混凝土,缝隙式排水沟-时利和 | 济南排队机,济南触摸屏一体机,济南拼接屏广告机厂家,汇通视控 | 潍坊博发动力设备有限公司| 新房_二手房_别墅_全包装修-天美艺装饰【官网】-深圳装修公司 | 潍坊沃林机械设备有限公司-牵引式风送果园打药机,悬挂式风送果园喷雾机,自走式果树喷药机,车载式风送远程喷雾机-潍坊沃林机械设备有限公司-牵引式风送果园打药机,悬挂式风送果园喷雾机,自走式果树喷药机,车载式风送远程喷雾机 潍坊网络推广,临沂360推广,东营360推广,枣庄360推广,潍坊网站建设,潍坊网络公司,潍坊360搜索,潍坊APP开发,潍坊360推广,潍坊360代理,潍坊点睛网络科技有限公司 | 人工气候-智能-低温生化培养箱厂家|价格-上海予卓仪器 | 钠长石-硅铁-硅钙-孕育剂-球化剂-安阳李氏实业有限公司 |