个性化地图

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

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

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



第二步：绑定key
将您的地图样式和要在JavaScript API GL中使用的key进行绑定。
如下图，我们对一个key绑定了两套样式，“style1”和“style2”即为样式ID，将来在代码中使用。



第三步：使用个性化地图
实例说明：（注：以下示例不包含html部分） <script> 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，本例中的key绑定的style1为经典地图样式 //（若使用未绑定的样式或无效ID，则会提示错误，并用地图默认样式显示） }); } </script> 查看示例

注意事项：
(1) key绑定样式的操作界面中，要求至少有一个样式存在，因此这里限制第一个样式不可删除，但您可以对此样式进行编辑；
    一个Key最多可绑定三个地图样式。




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