自定义地图

#自定义地图| 来源: 网络整理| 查看: 265

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

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

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

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

在地图初始化时设置：

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

地图创建之后使用Map对象的setMapStyle方法来修改：

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

亲手试一试

使用自定义地图

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

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

地图初始化时，设置自定义地图：

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

地图创建之后使用Map对象的setMapStyle方法进行地图样式的变更：

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

亲手试一试

设置地图的显示内容

通过setFeatures方法设置显示部分底图元素：

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

目前支持以下四种地图要素的选择性显示：

名称

说明

区域面

point

兴趣点

road

道路及道路标注

building

建筑物

亲手试一试

【本文地址】

今日新闻