高德地图自定义地图模板

学习笔记 yekong

注册高德地图

使用前需要先注册高德地图

创建key

使用高德地图自定义地图使用的js api 所以需要申请web端key
wanjunshijie 2021-05-07 at 20.03.50@2x

创建自定义地图

https://lbs.amap.com/dev/mapstyle/index
wanjunshijie 2021-05-07 at 20.07.20@2x

创建完成后获取样式id
wanjunshijie 2021-05-07 at 20.08.29@2x

引入地图 使用自己的key

使用mapStyle引入自己创建的地图
type="text/javascript"
src="https://webapi.amap.com/maps?v=1.4.15&key=你的key&plugin=AMap.Geocoder"
>

that.map = new AMap.Map('container', {
                resizeEnable: true,
                zoom: 12,
                center: center,
                mapStyle: 'amap://styles/eebad0d61cdc83f8253e3fbcdf5cd2bc',
            });
喜欢