地圖類型
                編輯時間:2017-06-03


                QQ截圖20170302172145.png

                為地圖添加不同種類的地圖有兩種方法:


                 1.地圖展示


                 2.使用 ImageMapType 類。使用 ImageMapTypeOptions 對象規范構建,該對象規范定義了以下必需屬性:

                • tileSize(必填)指定(類型為 google.maps.Size)圖塊的大小。圖塊大小必須為矩形,但不一定為正方形。

                • getTileUrl(必需)指定函數(通常作為內聯函數字面量提供),以根據提供的世界坐標和縮放級別選擇恰當的圖像圖塊。



                以下代碼將創建一個地圖,并使用 mapTypes.set 將地圖添加到顯示當中。

                    

                var map;
                //自定義地圖
                function BigeMap() {}
                //地圖下屬瓦片大小
                BigeMap.prototype.tileSize = new google.maps.Size(256, 256);
                //地圖最大級別
                BigeMap.prototype.maxZoom = 19;
                //地圖最小級別
                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";
                   
                var strURL='http://mt0.google.cn/vt/lyrs=m@365000000&hl=zh-CN&gl=cn&x=' + coord.x + '&y=' +coord.y + '&z=' + zoom + '&s='+'Galileo'.substring(0,coord.x%8);
                   
                img.src = strURL;
                   
                return img;
                };
                var google_map = new BigeMap();
                //使用ImageMapType類創建一個地圖
                var another_map=new google.maps.ImageMapType({
                   
                tileSize:new google.maps.Size(256,256),
                   
                getTileUrl:function (coord,zoom) {
                       
                //這里使用Bigemap地圖下載器下載的離線瓦片作為此處的地址
                       
                return './tiles/' + coord.x + '/' + coord.y + '/' + zoom+'.png';
                   
                },
                   
                name:'又一種地圖',
                   
                minZoom:4,
                   
                maxZoom:19
                });

                var myOptions = {
                   
                //設置中心點
                   
                center: new google.maps.LatLng(30.54024807, 104.06966686),
                   
                //默認顯示級別
                   
                zoom: 4,
                   
                panControl:true,
                   
                signInControl:false,
                   
                rotateControl:true,
                   
                streetViewControl:false,
                   
                mapTypeControlOptions: {
                       
                mapTypeIds: ['google','another_map']
                   
                }
                }
                ;

                //初始化map對象
                map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
                //map對象中添加兩種種地圖
                map.mapTypes.set('google', google_map);
                map.mapTypes.set('another_map', another_map);
                //設置map對象默認顯示 google 地圖 也就是上面的google_map對象
                map.setMapTypeId('google');


                微信掃碼添加客服
                400-028-7262
                聯系我們
                主站蜘蛛池模板: 亚洲精品自在线拍| 无码中文字幕av免费放| 国产无套乱子伦精彩是白视频 | 亚洲人成网站免费播放| 国产xx肥老妇视频| 无码人妻av一区二区三区蜜臀| 亚洲精品15p| 国产福利在线导航| 无码人妻一区二区三区av| 亚洲日韩精品A∨片无码| 麻豆国产96在线|日韩| 性一交一乱一伦一色一情| 亚洲熟妇色xxxxx欧美老妇| 国产精品白丝在线观看有码| 天堂资源wwww在线看| 久9热免费精品视频在线观看| 狠狠色狠狠色综合伊人| 国产真实乱freesex| 丰满多毛的陰户视频| 欧美三级中文字幕在线观看| 四虎精品成人免费观看| 99久久99久久久99精品齐| 日韩日韩日韩日韩日韩| 内射一区二区精品视频在线观看| 18禁无遮挡无码国产免费网站| 思思99re66在线精品免费观看| 久久婷婷色一区二区三区| 琪琪色在线播放| 国产福利你懂的| 中文国产日韩欧美视频| 欧美激情一区二区三区四区| 午夜性伦鲁啊鲁免费视频| 18分钟处破好疼高清视频| 女人扒开腿让男人桶| 亚洲AV无码一区二区三区网站| 紧窄极品名器美妇灌| 国产精品免费电影| 中文字幕乱妇无码AV在线| 欧美日韩国产在线播放| 国产一级特黄高清免费下载| 999国产精品|