高清在线一区二区_激情网在线观看_激情一区二区三区_精品中文一区_亚洲中字幕_亚洲天堂一区

地圖控件
編輯時間:2017-02-03

QQ截圖20170302162136.png

Maps API 帶有一套可在地圖中使用的內置控件:

  • 縮放控件:顯示“+”和“-”按鈕,用于更改地圖的縮放比例。此控件默認顯示在地圖右下角。


  • 地圖類型控件:具有下拉菜單和水平按鈕欄兩種樣式可供選擇,讓用戶能夠選擇地圖類型。此控件默認顯示在地圖左上角。


  • 比例控件:用于顯示地圖比例元素。此控件默認處于禁用狀態。


 添加或者刪除控件

 

 通過設置 true/false 來設置各種控件的開關


 在初始化地圖的時候使用如下方法可以實現控件的刪除和添加:


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";
   
//這里使用谷歌在線的數據,當然您也可以使用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 offline_map=new BigeMap();
offline_map.name='離線地圖';
offline_map.getTile=function (coord,zoom,ownerDocument) {
   
var img = ownerDocument.createElement("img");
   
img.style.width = this.tileSize.width + "px";
   
img.style.height = this.tileSize.height + "px";
   
//這里使用Bigemap地圖下載器下載的離線瓦片作為此處的地址
   
var strURL = './tiles/' + coord.x + '/' + coord.y + '/' + zoom+'.png';
   
img.src = strURL;
   
return img;
};

var myOptions = {
   
//設置中心點
   
center: new google.maps.LatLng(30.54024807, 104.06966686),
   
//默認顯示級別
   
zoom: 4,
      
zoomControl: true,//縮放控件
   
mapTypeControl: true,//地圖類型控件
   
scaleControl: true, //比例控件
   
streetViewControl: false, //是否顯示街景 因為大部分是離線,所以不需要顯示
   
mapTypeControlOptions: {
      
mapTypeIds: ['google_map','google_offline','abc'],
     
//位置在右上角
      position:google.maps.ControlPosition.TOP_RIGHT,
      
//樣式為下拉樣式
     style:google.maps.MapTypeControlStyle.DROPDOWN_MENU,
   
}
}
;

//初始化map對象
map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
//map對象中添加離線地圖
map.mapTypes.set('google_offline',offline_map);
//map對象中添加在線地圖
map.mapTypes.set('google_map', google_map);
//設置map對象默認顯示 google 在地圖
map.setMapTypeId('google_map');

 



微信掃碼添加客服
400-028-7262
聯系我們
主站蜘蛛池模板: 日韩高清影视 | 亚洲综合一区在线观看 | 在火车上摸两乳爽的大叫 | av国产片| 91精品观看91久久久久久国产 | 免费在线看a| 亚洲成人国产综合 | 色婷婷一区二区三区 | 在线免费观看毛片视频 | 91重口视频 | 91看片www | 欧美一级做性受免费大片免费 | 午夜精品视频在线 | 日本中文字幕电影在线观看 | 亚洲成人激情av | 免费a级毛片大学生免费观看 | 日本高清电影在线播放 | 国产一区二区三区在线免费观看 | 亚洲一区二区三区高清视频 | 黄色片网站免费 | 国产一区二区视频在线播放 | 欧美一级免费视频 | av7777777| 女人解衣喂奶电影 | 少妇一级淫片免费看 | 久久蜜桃香蕉精品一区二区三区 | 黄网站免费在线看 | 在线播放视频一区二区 | 久久99精品久久久久久久久久久久 | 99精品无人区乱码在线观看 | 羞羞视频在线免费 | 久久久久夜色精品国产老牛91 | 强伦女教师视频 | 九九视屏 | 成人小视频免费在线观看 | 国内成人自拍视频 | 爱唯侦察 国产合集 亚洲 | 天堂成人国产精品一区 | av手机在线免费播放 | 日韩精品久久久久久 | 99国产精成人午夜视频一区二区 |