乐趣区

关于腾讯地图:腾讯位置服务地图SDK自定义地图和路况

jiezi

前言

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…

起源：简书

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

退出移动版