个性化地图

您可以对地图的风格、颜色进行任意定制，可以设计符合您场景的、与产品UI一致的，属于您的专属地图。

个性化地图的使用分为三步：
(1)选择样式模板或在线设计 -> (2)绑定key和查看已绑定样式 -> (3)使用个性化地图

第一步：选择样式模板或在线设计
请进入控制台，这里我们为您提供了多套精心设计的模板，您可以直接选用，也可以在此基础上进行自定义设计，打造属于您的独特风格。
选择模板




也可在模板下方点击创建新样式在线设计地图样式

第二步：绑定key和查看已绑定样式
将您的地图样式和要在JavaScript API GL中使用的key进行绑定。 如下图


在样式应用中找到对应的key可查看已绑定样式，如下图

第三步：使用个性化地图
实例说明：（注：以下示例不包含html部分）

function initMap() {
    var center = new TMap.LatLng(39.984120, 116.307484)
    var map = new TMap.Map(document.getElementById('container'), {
        center: center,
        zoom: 17.2,
        mapStyleId: 'style1' //设置样式ID
                            //（若使用未绑定的样式或无效ID，则会提示错误，并用地图默认样式显示）
    });
}

查看示例

注意事项：
(1) key绑定样式的操作界面中，要求至少有一个样式存在，删除最后一个样式可以先添加另一个占位样式；
一个Key最多可绑定三个地图样式。

(2) 删除某样式时，必须先将此样式与key进行解绑。