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

自定义地图

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

1.使用官方地图样式

2.创建和使用自定义地图(暂未开放、敬请关注)

使用地图官方样式

您可以使用官方提供的地图样式,对底图进行设置,可选样式如下图所示:

标准地图

宁静黑夜

灰色情怀

多彩世界

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

在地图初始化时设置:

  1. var map = new xtal.Map('container',{
    container: 'map',//地图容器
    zoom: 10, //设置地图显示的缩放级别
    center: [115.8819, 28.68952],//设置地图中心点坐标
    style: 'xtal://styles/public/adc7a70e-4d5d-4ae7-9788-c73ec96e1f6b', //设置地图的显示样式
    localIdeographFontFamily: "PingFang SC,Microsoft YaHei,微软雅黑,Arial,sans-serif,黑体" //字体本地读取
    });

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

  1. map.setStyle('xtal://styles/public/adc7a70e-4d5d-4ae7-9788-c73ec96e1f6b');

使用自定义地图样式