顯示源代碼
                不一樣的標記圖片
                 開發文檔
                            <!DOCTYPE html>
                <html lang="en">
                
                <head>
                    <meta charset="UTF-8">
                    <meta name="viewport" content="width=device-width, initial-scale=1.0">
                    <title>Document</title>
                    <link  rel='stylesheet' />
                    <script src='http://ua.bigemap.com:30081/bmsdk/bigemap-gl.js/v1.1.0/bigemap-gl.js'></script>
                </head>
                <style>
                    * {
                        margin: 0;
                        padding: 0;
                    }
                
                    #container {
                        position: absolute;
                        top: 0;
                        bottom: 0;
                        width: 100%;
                    }
                </style>
                
                <body>
                    <div id="container"></div>
                    <div id="loadingOverlay">
                        <h1>Loading...</h1>
                    </div>
                </body>
                <script>
                
                    bmgl.Config.HTTP_URL = 'http://ua.bigemap.com:30081/bmsdk/';
                    var viewer = new bmgl.Viewer('container', { mapId: 'bigemap.dc-satellite' });
                
                    var pinBuilder = new bmgl.PinBuilder();
                
                    var bluePin = viewer.entities.add({
                        name: "點擊攝像,固定視角",
                        position: bmgl.Cartesian3.fromDegrees(-75.170726, 39.9208667),
                        billboard: {
                            image: pinBuilder.fromColor(bmgl.Color.ROYALBLUE, 48).toDataURL(),
                            verticalOrigin: bmgl.VerticalOrigin.BOTTOM,
                        },
                    });
                
                    var questionPin = viewer.entities.add({
                        name: "點擊攝像,固定視角",
                        position: bmgl.Cartesian3.fromDegrees(-75.1698529, 39.9220071),
                        billboard: {
                            image: pinBuilder.fromText("?", bmgl.Color.BLACK, 48).toDataURL(),
                            verticalOrigin: bmgl.VerticalOrigin.BOTTOM,
                        },
                    });
                
                    var url = bmgl.buildModuleUrl("http://www.xawiki.com/templates/img/view.png");
                    var groceryPin = bmgl.when(
                        pinBuilder.fromUrl(url, bmgl.Color.GREEN, 48),
                        function (canvas) {
                            return viewer.entities.add({
                                name: "點擊攝像,固定視角",
                                position: bmgl.Cartesian3.fromDegrees(-75.1705217, 39.921786),
                                billboard: {
                                    image: canvas.toDataURL(),
                                    verticalOrigin: bmgl.VerticalOrigin.BOTTOM,
                                },
                            });
                        }
                    );
                
                    //Create a red pin representing a hospital from the maki icon set.
                    var hospitalPin = bmgl.when(
                        pinBuilder.fromMakiIconId("hospital", bmgl.Color.RED, 48),
                        function (canvas) {
                            return viewer.entities.add({
                                name: "點擊攝像,固定視角",
                                position: bmgl.Cartesian3.fromDegrees(-75.1698606, 39.9211275),
                                billboard: {
                                    image: canvas.toDataURL(),
                                    verticalOrigin: bmgl.VerticalOrigin.BOTTOM,
                                },
                            });
                        }
                    );
                
                    //Since some of the pins are created asynchronously, wait for them all to load before zooming/
                    bmgl.when.all(
                        [bluePin, questionPin, groceryPin, hospitalPin],
                        function (pins) {
                            viewer.flyTo(pins);
                        }
                    );
                </script>
                
                </html>                                                                                                                                                                                            
                主站蜘蛛池模板: 色资源二区在线视频| 图片区网友自拍另类图区| 国产精品亚洲二区在线观看| 亚洲人色大成年网站在线观看| 中文字幕丝袜诱惑| 男女抽搐一进一出无遮挡| 国产精自产拍久久久久久蜜| 亚洲av无码一区二区二三区| 色偷偷888欧美精品久久久| 妞干网在线观看视频| 亚洲欧洲精品成人久久曰影片| 国产成人精品亚洲2020| 成人精品一区二区激情| 伊人性伊人情综合网| 竹菊影视国产精品| 日本欧美大码aⅴ在线播放| 免费高清日本1在线观看| 2022国产麻豆剧果冻传媒入口| 日本护士XXXXHD少妇| 亚洲欧美日韩国产精品专区| 青青青亚洲精品国产| 女人隐私秘视频黄www免费| 亚洲一级片网站| 美女视频内衣脱空一净二净| 国产麻豆剧传媒精品网站| 久久只有这里的精品69| 疯狂做受xxxx高潮欧美日本| www.seyu.av| 精品国产不卡一区二区三区| 国产麻豆精品手机在线观看| 中文字幕亚洲不卡在线亚瑟| 最近2019免费中文字幕视频三| 啊轻点灬大ji巴太粗太长了情侣 | 97精品在线播放| 日韩男女做性高清在线观看| 冲田杏梨在线精品二区| jjizz全部免费看片| 性生交大片免看| 亚洲一区二区三区91| 激情捆绑国语对白| 国产人妖视频一区二区|