高德地圖api

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

實現默認圖層與衛星圖、實時交通圖層之間切換的控

相關文章
相關標籤/搜索