顯示源代碼
                加載wmts地圖服務(wù)
                 開發(fā)文檔
                            <!DOCTYPE html>
                <html lang="en">
                    <head>
                        <meta charset="UTF-8" />
                        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
                        <script src="http://bigemap.com/offline_data/newjunbiao/vue.js"></script>
                        <link
                            href="http://ua.bigemap.com:30081/bmsdk/bigemap-gl.js/v1.1.0/Widgets/widgets.css"
                            rel="stylesheet"
                        />
                        <script src="http://ua.bigemap.com:30081/bmsdk/bigemap-gl.js/v1.1.0/bigemap-gl.js"></script>
                        <!-- elementui -->
                        <script src="http://bigemap.com/offline_data/newjunbiao/elementui.js"></script>
                        <link
                            rel="stylesheet"
                            href="http://bigemap.com/offline_data/newjunbiao/elementui.css"
                        />
                        <title>加載wmts服務(wù)</title>
                        <style>
                            * {
                                margin: 0;
                                padding: 0;
                            }
                            html,
                            body {
                                width: 100%;
                                height: 100%;
                            }
                            #app {
                                width: 100%;
                                height: 100%;
                            }
                            #baseMap {
                                width: 100%;
                                height: 100%;
                            }
                            .tools {
                                position: absolute;
                                z-index: 9;
                                top: 40px;
                                right: 60px;
                                width: 200px;
                                height: 40px;
                                display: flex;
                                align-items: center;
                            }
                        </style>
                    </head>
                    <body>
                        <div id="app">
                            <div id="baseMap"></div>
                        </div>
                        <script>
                            window.viewer = null;
                            window.onload = () => {
                                new Vue({
                                    el: "#app",
                                    data() {
                                        return {};
                                    },
                                    mounted() {
                                        this.initMap();
                                    },
                                    methods: {
                                        //初始化地圖
                                        initMap() {
                                            bmgl.Config.HTTP_URL =
                                                "http://ua.bigemap.com:30081/bmsdk/";
                                            viewer = new bmgl.Viewer("baseMap", {
                                                mapId: "bigemap.dc-satellite",
                                                infoBox: false,
                                                selectionIndicator: false,
                                                requestRenderMode: false,
                                            });
                                            this.addWMTSLayer();
                                        },
                                        addWMTSLayer() {
                                            //加載Bigemap離線服務(wù)器發(fā)布的wmts服務(wù)
                                            var provider =
                                                new bmgl.WebMapTileServiceImageryProvider({
                                                    url: "http://ua.bigemap.com:30081/bmsdk/bigemap.0vkmjrx1/tiles/{TileMatrix}/{TileCol}/{TileRow}.png?access_token=pk.eyJhIjoiM3d3YmV5d3l1aWp3YmsxZDN5dW1rNHRiMCIsInUiOiIxOTkwMDAwMDAwMDAifQ.ouDWNVE-Q2sN40k682rxqQ",
                                                    style: "default",
                                                    format: "image/png",
                                                    layer: "bigemap.gmap--com-",
                                                    tileMatrixSetID: "1to23",
                                                });
                                            var layer = viewer.imageryLayers.add(
                                                new bmgl.ImageryLayer(provider, {
                                                    maximumTerrainLevel: 21,
                                                })
                                            );
                                            viewer.camera.setView({
                                                destination: bmgl.Rectangle.fromDegrees(
                                                    117.56022644042969,
                                                    27.299808502197266,
                                                    117.5633316040039,
                                                    27.30277442932129
                                                ),
                                            });
                                        },
                                    },
                                    beforeDestroy() {
                                        viewer.destroy();
                                        viewer = null;
                                    },
                                });
                            };
                        </script>
                    </body>
                </html>
                        
                主站蜘蛛池模板: 老少配老妇老熟女中文普通话| JAPANESEHD熟女熟妇伦| 欧美日韩一区二区三区在线观看视频 | 成人看片app| 亚洲不卡中文字幕无码| 直接观看黄网站免费视频| 国产剧情jvid在线观看| 91狼人社在线观看| 幻女free性zozo交| 久久精品国产亚洲av麻| 污黄视频在线看| 午夜小视频免费观看| 香港三级电影在线观看| 国产精品成久久久久三级| xxx国产精品xxx| 无码一区二区三区在线观看| 亚洲一区第一页| 波多野结衣第一页| 厨房里摸着乳丰满在线观看| 香蕉久久久久久AV成人| 国产精品免费一级在线观看| eeuss在线兵区免费观看| 无码国产精品一区二区免费模式| 亚洲中文字幕伊人久久无码| 爱情鸟免费论坛二| 吃女邻居丰满的奶水在线观| 高潮毛片无遮挡高清免费| 国产精品成人第一区| av免费不卡国产观看| 成人午夜视频免费看欧美| 国产一区二区在线|播放| 在线看的你懂的| 天天影视色香欲综合免费| 中文字幕成人在线| 日韩在线a视频免费播放| 午夜国产在线视频| 青青青国产成人久久111网站| 国产精品久久国产精麻豆99网站| 99视频免费在线观看| 性色av一区二区三区| 久久久一本精品99久久精品66|