久久久久久一区_中文字幕在线不卡_精品不卡_久久久网_精品亚洲一区二区三区在线观看_欧美精品一区二区三区在线四季

  百度離線地圖 教程

地圖控件

編輯時間:2017-03-02

地圖控件概述

百度地圖上負責與地圖交互的UI元素稱為控件。百度地圖API中提供了豐富的控件,您還可以通過Control類來實現自定義控件。

地圖API中提供的控件有:

Control:控件的抽象基類,所有控件均繼承此類的方法、屬性。通過此類您可實現自定義控件。

NavigationControl:地圖平移縮放控件,PC端默認位于地圖左上方,它包含控制地圖的平移和縮放的功能。移動端提供縮放控件,默認位于地圖右下方。

OverviewMapControl:縮略地圖控件,默認位于地圖右下方,是一個可折疊的縮略地圖。

ScaleControl:比例尺控件,默認位于地圖左下方,顯示地圖的比例關系。

MapTypeControl:地圖類型控件,默認位于地圖右上方。

CopyrightControl:版權控件,默認位于地圖左下方。

GeolocationControl:定位控件,針對移動端開發,默認位于地圖左下方。

向地圖添加控件

可以使用Map.addControl()方法向地圖添加控件。在此之前地圖需要進行初始化。例如,要將標準地圖控件添加到地圖中,可在代碼中添加如下內容:

var map = new BMap.Map("allmap");
map.centerAndZoom(new BMap.Point(new BMap.Point(110.1, 35.1), 5);
map.addControl(new BMap.NavigationControl());

可以向地圖添加多個控件。在本例中我們向地圖添加一個平移縮放控件、一個比例尺控件、一個縮略圖、一個地圖類型控件。在地圖中添加控件后,它們即刻生效。

map.addControl(new BMap.NavigationControl());
map.addControl(new BMap.ScaleControl(ture));
map.addControl(new BMap.OverviewMapControl());
map.addControl(new BMap.MapTypeControl({mapTypes: [BMAP_NORMAL_MAP,BMAP_SATELLITE_MAP]}));//顯示電子地圖和衛星圖

控制控件位置

控件位置偏移

除了指定停靠位置外,還可以通過偏移量來指示控件距離地圖邊界有多少像素。如果兩個控件的停靠位置相同,那么控件可能會重疊在一起,這時就可以通過偏移值使二者分開顯示。

本示例將比例尺放置在地圖的左下角,由于API默認會有版權信息,因此需要添加一些偏移值以防止控件重疊。

var opts = {offset: new BMap.Size(150, 5)}
map.addControl(
new BMap.ScaleControl(opts));

   


整體效果:

12.jpg

主站蜘蛛池模板: 九九热精| 99热精品在线 | 激情99| 欧美色性 | 亚洲精品欧美 | 亚洲天堂久久 | 日本在线色| 国产精品一区二区免费在线观看 | av一二三区| japanhd熟睡侵犯 | 成人a视频在线观看 | 午夜看片 | 中文字幕av一区二区三区 | 成人欧美 | 久久视频精品 | 日韩欧美大片在线观看 | 嫩草影院在线观看91麻豆 | 在线免费av观看 | 2019天天干 | 伊人免费网 | 亚洲国产福利一区 | 91精品国产综合久久久蜜臀粉嫩 | 亚洲精品在线看 | 国内久久精品视频 | 成人小视频在线观看 | 97色免费视频 | 日本一区二区不卡视频 | 蜜桃视频麻豆女神沈芯语免费观看 | 国产中文字幕一区二区三区 | av久草 | 97热在线 | 欧美一级免费在线观看 | 国产精品三级久久久久久电影 | 日韩精品视频一区二区三区 | 亚洲精品久久久久久久久 | 国产精品美女久久久 | 神马午夜| 久久人人超碰 | 国产一区二区三区四区五区加勒比 | 精品久久久久久久久久久久久 | 精品国产乱码久久久久久1区2区 |