§5 创建与众不同的地图——自定义地图样式

5.1 创建个性化地图样式

在控制台点击特色服务平台-个性化地图-新建
1

然后进入到样式编辑器,在样式编辑器里可以根据需求创建自己的样式
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-MRz8n6je-1587953791155)($resource/2.png)]

5.2 发布样式

创建完样式之后,如果想应用带自己的网页之中,需要将该样式发布。
回到控制台就可以看到自己创建的地图样式
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-qqUjQpz6-1587953739044)($resource/3.png)]

已发布的地图样式生成一个样式ID

5.3 调用样式

比较简单的调用方式就是直接利用样式ID来调用。
在创建地图对象后,直接加入以下代码:

map.setMapStyleV2({
    styleId: '你的样式ID'
});

调用时将'你的样式ID'替换为所要使用的样式ID,注意必须用引号括起来,因为是字符串形式。

然后再运行网页,就可以看到效果了:
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-kCLQaESJ-1587953739046)($resource/4.png)]

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值