BIGEMPA Js API示例中心

                監聽地圖級別和拖動源代碼展示

                代碼編輯區 運行 下載 還原
                <!DOCTYPE html>
                
                <html>
                <head>
                    <meta charset='UTF-8' />
                    <meta name='viewport' content='initial-scale=1,maximum-scale=1,user-scalable=no' />
                    <!--
                        以下CSS地址請在安裝軟件了替換成本地的地址
                        CSS地址請使用:
                        http://localhost:9000/bigemap.js/v2.1.0/bigemap.css
                        軟件下載地址 http://www.xawiki.com/reader/download/detail201802017.html
                    -->
                    <link href="http://ua.bigemap.com:30081/bmsdk/bigemap.js/v2.1.0/bigemap.css" rel="stylesheet"/>
                    <!--
                        JS地址請使用:
                        http://localhost:9000/bigemap.js/v2.1.0/bigemap.js
                    -->
                    <script src="http://ua.bigemap.com:30081/bmsdk/bigemap.js/v2.1.0/bigemap.js"></script>
                    <style>
                        body { margin: 0; padding: 0; }
                        #map { position: absolute; top: 0px; bottom: 0; width: 100%; }
                        #position{
                            background-color: #eee;
                            padding: 5px;
                            position: absolute;top:50px;right: 20px;
                            z-index: 9;
                            width:320px;
                            border-radius:5px;
                            text-align:left;
                        }
                    </style>
                    <title>地圖信息的監聽</title>
                </head>
                <body>
                <div id="position">
                <div id="zoom">
                    當前級別 : 2
                </div>
                <div id="move">
                    當前中心點: 緯度:0.00000,經度:0.00000
                </div>
                </div>
                <div id='map'></div>
                <script>
                        // 軟件配置信息地址,軟件安裝完成之后使用本地地址,如:http://localhost:9000
                        BM.Config.HTTP_URL = "http://ua.bigemap.com:30081/bmsdk/"
                        // 在ID為map的元素中實例化一個地圖,并設置地圖的ID號,ID號程序自動生成,無需手動配置 ,中心點,默認的級別和顯示級別控件
                    var map = BM.map('map', 'bigemap.dc-satellite', { crs: BM.CRS.EPSG4326, center: [0, 0], zoom: 2, zoomControl: true,attributionControl:false });
                    //添加 一個移動結束的事件,事件列表請參見 http://www.xawiki.com/offlinemaps/api/#map-moveend
                    map.on('moveend',function(e){
                        var c=this.getCenter();
                        document.getElementById('move').innerHTML='當前中心點: 緯度:'+c.lat.toFixed(5)+',經度:'+c.lng.toFixed(5);
                    });
                    //添加一個縮放事件
                    map.on('zoomend',function(e){
                        document.getElementById('zoom').innerHTML='當前級別 : '+this.getZoom();
                    });
                </script>
                </body>
                </html>                                                                                                                                                                                                                                                                                                                                                
                主站蜘蛛池模板: 午夜三级三级三点在线| 国内精品18videosex性欧美| 亚洲va欧美va天堂v国产综合| 精品国产一区二区麻豆| 国产看午夜精品理论片| www.91亚洲| 欧美zozozo人禽交免费大片| 免费一看一级毛片人| 韩国18福利视频免费观看| 国产精成人品日日拍夜夜免费| 一级毛片免费不卡直观看| 日本黄大片在线观看| 亚洲成a人一区二区三区| 精品久久人人妻人人做精品| 国产在线视频www色| 18精品久久久无码午夜福利| 好吊妞乱淫欧美| 久久99热国产这有精品| 柔佳呻吟乳峰喘息高耸入云| 亚洲精品欧美精品日韩精品| 精彩视频一区二区| 国产又爽又黄无码无遮挡在线观看 | a级一级黄色片| 搡女人免费的视频| 久久综合九色综合97手机观看| 欧美日韩国产色综合一二三四| 免费澳门一级毛片| 美女精品永久福利在线| 国产在线无码精品电影网| 男女一边桶一边摸一边脱视频免费 | 麻豆国产高清精品国在线| 国产精品无码a∨精品| 99精品视频在线观看| 小爱同学下载二三三乐园 | 四虎影视大全免费入口 | 亚洲国产成人久久综合一区| 男人j进女人p免费视频 | 99久久国产综合精品成人影院| 性色AV一区二区三区夜夜嗨| 久久久久亚洲av成人网| 曰批免费视频播放60分钟|