自定义地图
本章介绍如何设置地图样式。
1.使用官方地图样式
2.创建和使用自定义地图(暂未开放、敬请关注)
使用地图官方样式
您可以使用官方提供的地图样式,对底图进行设置,可选样式如下图所示:

标准地图

宁静黑夜

灰色情怀

多彩世界
设置地图样式的方式有两种:
在地图初始化时设置:
var map = new xtal.Map('container',{ container: 'map',//地图容器 zoom: 10, //设置地图显示的缩放级别 center: [115.8819, 28.68952],//设置地图中心点坐标 style: '${mapStyle}', //设置地图的显示样式 localIdeographFontFamily: "PingFang SC,Microsoft YaHei,微软雅黑,Arial,sans-serif,黑体" //字体本地读取 });
地图创建之后使用Map对象的setStyle方法来修改:
map.setStyle('xtal://styles/public/adc7a70e-4d5d-4ae7-9788-c73ec96e1f6b');