地圖展示
                
                    
                
                        
                
                            編輯時(shí)間：2017-06-03                        
                
                        
                
                            
                QQ截圖20170302153517.png

                創(chuàng)建一個(gè)最簡(jiǎn)單的地圖

                代碼如下：

                <!DOCTYPE html>
                 <                html>
                 <                head>
                     <                meta name="viewport"
                                           content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
                     <                meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
                     <                title>google</title>
                     <                link rel="stylesheet" type="text/css" href="pub/css/console.css"/>
                     <                script type="text/javascript" src="main.js"></script>
                     <                script type="text/javascript" src="pub/js/maplabel-compiled.js"></script>
                 </                head>
                 <                body>
                 <                div id="map_canvas" style="width: 100%"></div>
                 </                body>
                 </                html>
                 <                script type="text/javascript">
                                     var map;
                                      //自定義地圖
                                     function BigeMap() {}
                                      //地圖下屬瓦片大小
                                     BigeMap.prototype.tileSize = new google.maps.Size(256, 256);
                                      //地圖最大級(jí)別
                                     BigeMap.prototype.maxZoom = 19;
                                      //地圖最小級(jí)別
                                     BigeMap.prototype.minZoom = 4;
                                      //地圖名稱
                                     BigeMap.prototype.name = "地圖";
                                      //此地圖種類獲取URL的地址
                                     BigeMap.prototype.getTile = function (coord, zoom, ownerDocument) {
                                         var img = ownerDocument.createElement("img");
                                         img.style.width = this.tileSize.width + "px";
                                         img.style.height = this.tileSize.height + "px";
                                         //這里使用谷歌在線的數(shù)據(jù)，當(dāng)然您也可以使用Bigemap地圖下載器下載的離線瓦片作為此處的地址
                                         var strURL = 'http://mt0.google.cn/vt/lyrs=m@365000000&hl=zh-CN&gl=cn&x=' + coord.x + '&y=' + coord.y + '&z=' + zoom + '&s=Galil';
                                         img.src = strURL;
                                         return img;
                                     };
                 
                                     var google_map = new BigeMap();
                 
                                     var myOptions = {
                                         //設(shè)置中心點(diǎn)
                                      center: new google.maps.LatLng(30.54024807, 104.06966686),
                                         //默認(rèn)顯示級(jí)別
                                      zoom: 4,
                                         //是否顯示街景 因?yàn)榇蟛糠质请x線，所以不需要顯示
                                      streetViewControl: false,
                                         mapTypeControlOptions: {
                                             mapTypeIds: ['google_online_map']
                                         }
                     }                ;
                                      //初始化map對(duì)象
                                     map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
                                      //像map對(duì)象中添加一種地圖
                                     map.mapTypes.set('google', google_map);
                                      //設(shè)置map對(duì)象默認(rèn)顯示 google 地圖 也就是上面的google_map對(duì)象
                                     map.setMapTypeId('google');
                                 </script>

                                        
                
                    
                
                
                
            
                
            
        
                
    
                

                











                

                

                
    
                
        
                
        
                
            
                
                
                
                
                    
                

                    
                
                    
                微信掃碼添加客服
                
                
                
                
                
                
                
                
                
                    400-028-7262                
                
            
                



















        
                
    
                
    
                
        聯(lián)系我們
    
                

                



主站蜘蛛池模板：
男女xx00动态图120秒|
18禁免费无码无遮挡不卡网站|
最近中文字幕完整视频高清10|
免费无码黄网站在线看|
91香蕉视频黄|
国内最真实的XXXX人伦|
中文字幕AV一区中文字幕天堂|
校花哭着扒开屁股浣肠漫画|
人妻精品无码一区二区三区|
蜜桃视频一区二区三区在线观看|
国产精品理论片在线观看|
一边摸一边叫床一边爽|
日韩福利小视频|
亚洲欧洲日本天天堂在线观看|
精品无码国产AV一区二区三区|
国产成人无码午夜视频在线观看|
91精品国产肉丝高跟在线|
成人精品一区二区三区校园激情|
久热这里只有精品视频6|
欧美电影一区二区三区|
免费大片黄在线观看|
色婷婷精品免费视频|
国产成人精品亚洲精品|
88av在线播放|
天天干天天操天天玩|
中文字幕一区二区三区免费视频
|
一级做a爰片性色毛片男|
日本边添边摸边做边爱边|
亚洲国产成人精品无码区花野真一|
男人女人边摸边吃奶边做|
四虎影院免费视频|
韩国理论三级在线观看视频|
国产精品va在线播放|
97精品伊人久久大香线蕉|
女人让男人桶30分钟在线视频
|
欧美精品一区二区三区久久|
免费看曰批女人爽的视频网址|
色欲麻豆国产福利精品|
国产成人久久精品一区二区三区
|
欧美在线小视频|
亚洲精品自产拍在线观看|