自定义地图 最后更新时间: 2023年05月15日

本章向您介绍如何设置底图样式，包括

1. 使用官方地图样式
2. 创建和使用自定义地图
3. 设置地图的显示内容

使用官方地图样式

您可以使用我们提供的地图样式，对底图进行设置，可选样式如下图所示：

设置地图样式的方式有两种：

var map = new AMap.Map('container',{
    mapStyle: 'amap://styles/whitesmoke', //设置地图的显示样式
});

var map = new AMap.Map('container',{
    zoom: 10, //设置地图的缩放级别
});
map.setMapStyle('amap://styles/whitesmoke');

使用自定义地图

首先， 注册 成为高德地图开放平台的开发者。然后，在 自定义地图平台 进行创建、编辑、发布后，取得 地图样式ID。（ 更多介绍 ）

设置自定义地图的方式有两种：

var map = new AMap.Map('container',{
    mapStyle: 'amap://styles/地图样式ID', //设置地图的显示样式
});

var map = new AMap.Map('container',{
    zoom: 10, //设置地图的缩放级别
});
map.setMapStyle('amap://styles/地图样式ID');

设置地图的显示内容

map.setFeatures("road");  // 单一种类要素显示
map.setFeatures(['road','point']); // 多个种类要素显示