高德地图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

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

相关文章
相关标签/搜索