1.自定义地图样式:

  var map = new AMap.Map(‘mapDiv’, { mapStyle: ‘amap://styles/模版样式的英文名’//样式URL });

官方地图样式模版


标准 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'])//多个种类要素显示 
目前支持以下四种地图要素的选择性显示:

地图元素类型列表:

名称

说明

bg

地图背景

point

兴趣点

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

实现默认图层与卫星图、实时交通图层之间切换的控