1.自定義地圖樣式:javascript
var map = new AMap.Map('mapDiv', { mapStyle: 'amap://styles/模版樣式的英文名'//樣式URL });java
官方地圖樣式模版 標準 amap://styles/normal 遠山黛 amap://styles/whitesmoke 馬卡龍 amap://styles/macaron 塗鴉 amap://styles/graffiti 極夜藍 amap://styles/darkblue 靛青藍 amap://styles/blue 草色青 amap://styles/fresh 幻影黑 amap://styles/dark 月光銀 amap://styles/light 雅士灰 amap://styles/grey
2.設置地圖的顯示內容工具
map.setFeatures("road");//單一種類要素顯示 map.setFeatures(['road','point'])//多個種類要素顯示
目前支持如下四種地圖要素的選擇性顯示:
地圖元素類型列表:ui
名稱atom |
說明spa |
---|---|
bg插件 |
地圖背景code |
pointorm |
興趣點blog |
road |
道路 |
building |
建築物 |
3.高德地圖添加工具條、比例尺、定位、鷹眼、基本圖層切換等經常使用的控件,使用的時候須要經過plugin方法將插件的功能引入,而後進行控件的初始化和添加:
var map = new AMap.Map('container',{ zoom: 10, center: [116.39,39.9] }); AMap.plugin(['AMap.ToolBar','AMap.Scale','AMap.OverView'], function(){ map.addControl(new AMap.ToolBar()); map.addControl(new AMap.Scale()); map.addControl(new AMap.OverView({isOpen:true})); });
名稱 |
類名 |
簡介 |
---|---|---|
工具條 |
ToolBar |
集成了縮放、平移、定位等功能按鈕在內的組合控件 |
比例尺 |
Scale |
展現地圖在當前層級和緯度下的比例尺 |
定位 |
Geolocation |
用來獲取和展現用戶主機所在的經緯度位置 |
鷹眼 |
OverView |
在地圖右下角顯示地圖的縮略圖 |
類別切換 |
MapType |
實現默認圖層與衛星圖、實時交通圖層之間切換的控 |