前言

1、自定义路况

  • 地图SDK个别的路况色彩都是雷同的，如路线畅通为绿色、路线迟缓为黄色、路线拥挤为红色，然而通常都无奈让用户自定义路况色彩。腾讯地图iOS SDK在4.3.9.1版本提供了自定义路况色彩性能，能够自定义路况的畅通拥挤色彩。

2、自定义地图

  • 腾讯地图SDK在提供了根底配色的状况下，还反对自定义色彩，能够将如绿地、路线、河流等元素批改为本人指定的色彩，实现了高度自定义。

应用场景

1、自定义路线路况色彩

2、自定义地图元素色彩

筹备

1、腾讯地图iOS SDK

2、腾讯地图控制台自定义地图款式

接入流程

1、自定义路况：

1)、创立QMapView时增加配置：

  • 通常创立地图对象时间接应用的initWithFrame:办法，而QMapView还提供了另一个能够增加配置的办法
// QMapConfig提供了一个初始化办法，这个办法能够用于设置一个辅助Key// - (instancetype)initWithSubID:(NSString *)subID subKey:(NSString *)subKey;QMapConfig *config = [[QMapConfig alloc] init];QMapView *mapView = [[QMapView alloc] initWithFrame:self.view.bounds config]:

2)、创立路况款式对象，并设置路况色彩：

QMapConfig *config = [[QMapConfig alloc] init];QTrafficStyle *style = [[QTrafficStyle alloc] init];// 对立描边色彩UIColor *whiteColor = [UIColor colorWithRed:255/255.0 green:255/255.0 blue:255/255.0 alpha:1];// 交通顺畅色彩：青绿色style.smoothColor = [UIColor colorWithRed:138/255.0 green:217/255.0 blue:28/255.0 alpha:1];// 交通顺畅描边色彩style.smoothBorderColor = whiteColor;// 交通迟缓色彩：黄色style.slowColor = [UIColor colorWithRed:244/255.0 green:247/255.0 blue:89/255.0 alpha:1];// 交通迟缓描边色彩style.slowBorderColor = whiteColor;// 交通拥堵配色：橘色style.congestedColor = [UIColor colorWithRed:250/255.0 green:154/255.0 blue:0 alpha:1];style.congestedBorderColor = whiteColor;// 交通十分拥挤色彩：红色style.seriouseCongestedColor = [UIColor colorWithRed:255/255.0 green:0 blue:0 alpha:1];// 交通十分拥挤描边色彩style.seriouseCongestedBorderColor = whiteColor;// 路况线宽style.lineWidth = 2;config.trafficStyle = style;

3)、图片示例（西直门经典拥挤路段）

2、自定义地图款式

1)、首先，登录到腾讯地图治理控制台，而后进入个性化地图外面，轻易找一个模板，抉择编辑款式：

2)、右边的侧边栏显示的是地图中能够去自定义的色彩：

  • 批改前

  • 批改后

3、在iOS端套用自定义款式模板

  • 在控制台将保留好的模板增加到对应的Key中，这里我将其放在了第三个栏位，在初始化QMapView地图实例之后，只须要调用接口就能够切换款式了：[mapView setMapStyle:3];

  • 图片示例

留神

目前自定义路况只反对一次性的配置，不能动静批改，咱们后续会多多欠缺的。

作者：面糊

链接：https://www.jianshu.com/p/fa2...

起源：简书

著作权归作者所有。商业转载请分割作者取得受权，非商业转载请注明出处。