高德地图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 |
实现默认图层与卫星图、实时交通图层之间切换的控 |
细节决定成败