南昌市高新区艾溪湖二路 366号悦峰商务广场1#办公楼 1404室 15179110655

您现在的位置:

自定义地图

本章介绍如何设置地图样式。

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');
                

使用自定义地图样式