高德地图api

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	实现默认图层与卫星图、实时交通图层之间切换的控

猜你喜欢