地图相关 MapKit框架介绍MKMapView控件对象的属性和方法MKAnnotation 大头针模型类大头针view显示类:MKPinAnnotationView 继承于 MKAnnotation

介绍

1.概念

  • 导入头文件 #import <MapKit/MapKit.h>
  • MapKit框架中所有数据类型的前缀都是MK
  • MapKit有一个比较重要的UI控件 :MKMapView,专门用于地图显示

mapView

2.逻辑结构:

逻辑结构

MKMapView控件对象的属性和方法

属性:

1.设置用户定位模式

@property (nonatomic) MKUserTrackingMode userTrackingMode;

MKUserTrackingMode 枚举: MKUserTrackingModeNone 不定位 MKUserTrackingModeFollow 定位 MKUserTrackingModeFollowWithHeading 定位并且显示方向

2.设置地图类型

@property (nonatomic) MKMapType mapType;

MKMapType 枚举: MKMapTypeStandard :普通地图(左图) MKMapTypeSatellite :卫星云图 (中图) MKMapTypeHybrid :普通地图覆盖于卫星云图之上(右图)

MKMapType 剩下两种MKMapTypeSatelliteFlyover和MKMapTypeHybridFlyover在中国区无法使用

剩下两种

3.定位的用户坐标

@property (nonatomic, readonly) MKUserLocation *userLocation;

4.当前界面地图的中心坐标

@property (nonatomic) CLLocationCoordinate2D centerCoordinate;

例子:使用当前地图界面的中心点回归到用户的坐标(只能中心点回归,范围回归需要设置region属性)

self.mapView.centerCoordinate = self.mapView.userLocation.location.coordinate;

5.设置代理

@property (nonatomic, weak, nullable) id <MKMapViewDelegate> delegate;

6.设置范围

@property (nonatomic) MKCoordinateRegion region;

MKCoordinateRegion 区域结构体包含 CLLocationCoordinate2D 经纬度( latitude 纬度, longitude 经度) MKCoordinateSpan 范围跨度 ,1度= 111千米( latitudeDelta 纬度跨度 , longitudeDelta 经度跨度) 两个结构体,每个结构体都是一个double值,所以region需要四个double Span系统默认值为 MKCoordinateSpanMake(0.021256, 0.016093)

iOS 9.0新增属性(注意添加版本判断~!)

7.显示交通情况

@property (nonatomic) BOOL showsTraffic

显示交通状况

8.显示比例尺

@property (nonatomic) BOOL showsScale;

![比例尺随缩放变化](http://upload-images.jianshu.io/upload_images/1385290-97f23369b0b468e3.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

9.显示指南针(iOS9 默认YES,屏幕旋转手势之后出现,如果点击会校正方向)

@property (nonatomic) BOOL showsCompass;

指南针


方法:

1.以动画的方式设置区域,用于地图中心定位到用户所在位置

- (void)setRegion:(MKCoordinateRegion)region animated:(BOOL)animated;

2.在地图上添加一个大头针

- (void)addAnnotation:(id <MKAnnotation>)annotation;

3.将指定view上的point点转换成地图上的经纬度坐标,一般在touchesBegan中调用

- (CLLocationCoordinate2D)convertPoint:(CGPoint)point toCoordinateFromView:(nullable UIView *)view;

4.从缓存池中查找指定ID的自定义大头针模型

- (nullable MKAnnotationView *)dequeueReusableAnnotationViewWithIdentifier:(NSString *)identifier;

代理方法:MKMapViewDelegate

1.完成用户位置更新的时候会调用此方法,参数 MKUserLocation:用户定位位置的大头针模型

- (void)mapView:(MKMapView *)mapView didUpdateUserLocation:(MKUserLocation *)userLocation;

2.当地图的显示区域发生改变的时候调用

- (void)mapView:(MKMapView *)mapView regionDidChangeAnimated:(BOOL)animated;

3.当添加大头针模型的时候调用此方法, 在大头针视图添加到地图之前调用,可用于自定义大头针(类似于cell创建方式),参数 annotation 为插到地图上的大头针模型,也包括系统的 如果返回nil,代表用户没有自定义需求,样式由系统处理。

- (nullable MKAnnotationView *)mapView:(MKMapView *)mapView viewForAnnotation:(id <MKAnnotation>)annotation;

注意:也包括系统定位用的大头针模型MKUserLocation !如果不想将其自定义要进行类型筛选判断

if ([annotation isKindOfClass:[MKUserLocation class]]) {
        return nil;
    }

4.在添加大头针图像出现之前调用,可以设置大头针的掉落效果 参数 views 大头针掉落后的图像,将大头针的y值设置为0(顶部),再动画回到原来的位置可实现 注意:不要将系统定位的大头针设置了动画效果

- (void)mapView:(MKMapView *)mapView didAddAnnotationViews:(NSArray<MKAnnotationView *> *)views;
MKUserLocation 也是一种大头针,用于显示用户位置的大头针模型,(就是默认周围放光的定位大头针),专门控制定位大头针显示的,可获取大头针的位置信息(用户定位信息)

重要属性,可以获取地图上的经纬度

@property (readonly, nonatomic, nullable) CLLocation *location;
@property (readonly, nonatomic, getter=isUpdating) BOOL updating;
@property (readonly, nonatomic, nullable) CLHeading *heading;
@property (nonatomic, copy, nullable) NSString *title;
@property (nonatomic, copy, nullable) NSString *subtitle;

例子:显示用户位置

例子

//拖一个mapView控件,一定要导入框架
@property (weak, nonatomic) IBOutlet MKMapView *mapView;

//1. 显示用户位置,创建位置管理器请求授权
self.locationManager = [CLLocationManager new];
if ([self.locationManager respondsToSelector:@selector(requestWhenInUseAuthorization)]) {
    [self.locationManager requestWhenInUseAuthorization];
}
//2. 设置显示用户位置 用户跟踪模式
self.mapView.userTrackingMode = MKUserTrackingModeFollow;
//3. 设置代理 获取数据
self.mapView.delegate = self;

//代理方法,完成用户位置更新的时候会调用
- (void)mapView:(MKMapView *)mapView didUpdateUserLocation:(MKUserLocation *)userLocation{
    //1. 创建地理编码对象
    CLGeocoder *geocoder = [CLGeocoder new];
    //2. 调用方法,反地理编码
    [geocoder reverseGeocodeLocation:userLocation.location completionHandler:^(NSArray<CLPlacemark *> * _Nullable placemarks, NSError * _Nullable error) {
        //3. 防错输出
        if (placemarks.count == 0 || error) {
            return;
        }
        //3.1 获取地标对象
        CLPlacemark *pm = placemarks.firstObject;
        // 大头针模型,能设置大头针的显示位置及标题子标题
        userLocation.title = pm.administrativeArea;
        //3.3 设置子标题 详细地址
        userLocation.subtitle = pm.name;
    }];
}

设置以用户位置为中心点 在mapView上创建一个按钮,点击按钮执行下面代码

//1. 获取用户定位的中心点经纬度
CLLocationCoordinate2D center = self.mapView.userLocation.location.coordinate;
//2. 显示跨度  1度 ~111千米
MKCoordinateSpan span = MKCoordinateSpanMake(0.021256, 0.016093);
//3. 动画设置地图的范围和中心点
[self.mapView setRegion: MKCoordinateRegionMake(center, span) animated:YES];
例子:放大缩小地图(每次放大、缩小一倍)
- (IBAction)zoomDaClick:(id)sender {
    CGFloat latitude = self.mapView.region.span.latitudeDelta * 0.5; //放大 * 2
    CGFloat longitude = self.mapView.region.span.longitudeDelta * 0.5;//放大 * 2
    //2. 设置 region,范围, 带动画
    [self.mapView setRegion: MKCoordinateRegionMake(self.mapView.region.center, MKCoordinateSpanMake(latitude, longitude)) animated:YES];
    //设置最大跨度
//    if (latitude > 140 || longitude > 140) {
//        return;
//    }
}

1、自定义系统类型大头针 (MKPinAnnotationView),使用的MKAnnotation大头针模型,只能改变大头针颜色,标题、子标题等属性 2、完全自定义大头针模型:创建一个模型类继承于NSObject,遵守协议 <MKAnnotation>,.h 选择设置以下属性,注意去掉readonly,其它属性如image可自定义

MKAnnotation 大头针模型类

(1)经纬度,必须设置的属性

@property (nonatomic) CLLocationCoordinate2D coordinate;

(2)标题、子标题

@property (nonatomic, copy, nullable) NSString *title;
@property (nonatomic, copy, nullable) NSString *subtitle;

(3)重新设置坐标

- (void)setCoordinate:(CLLocationCoordinate2D)newCoordinate;

大头针view显示类:MKPinAnnotationView 继承于 MKAnnotationView

1.MKAnnotationView :默认image属性没有赋值,可以完全自定义 (1)设置大头针可以被点击,用于显示附属视图、标题、子标题等,自定义时默认为NO,想要大头针被点击注意开启

@property (nonatomic) BOOL canShowCallout;

(2)设置左右边的附属视图

@property (strong, nonatomic, nullable) UIView *leftCalloutAccessoryView;
@property (strong, nonatomic, nullable) UIView *rightCalloutAccessoryView;

效果:

左右边的附属视图

(3)iOS 9新增,自定义详情/子标题,原来的子标题文字没了,变成了自定义控件

@property (nonatomic, strong, nullable) UIView *detailCalloutAccessoryView

效果:

自定义子标题

2.MKPinAnnotationView: image属性已被设置(圆帽形状),只能更改颜色

属性:

(1)设置大头针颜色

  • iOS9以前,只有3种颜色可选
@property (nonatomic) MKPinAnnotationColor pinColor;

MKPinAnnotationColor 颜色枚举: MKPinAnnotationColorRed MKPinAnnotationColorGreen MKPinAnnotationColorPurple

  • iOS9 以后方法,注意版本适配
@property (strong, null_resettable) UIColor *pinTintColor( 9_0);

(2)是否开启动画掉落,默认为NO

@property (nonatomic) BOOL animatesDrop;
例子:在地图点击的点插上自定义大头针

系统自定义大头针

完全自定义大头针

#pragma mark - 自定义一个MyAnnotation大头针模型类继承于NSObject,写上 coordinate、title、subtitle、icon(完全自定义用)等属性

#pragma mark - 点击插自定义大头针,给大头针模型设置值,之前在viewDisLoad中已申请授权定位
- (void)touchesBegan:(NSSet<UITouch *> *)touches withEvent:(UIEvent *)event{
    // 获取点击的点
    CGPoint point = [[touches anyObject] locationInView:self.mapView];
    // point点换成地图上的经纬度的点
    CLLocationCoordinate2D coordinate = [self.mapView convertPoint:point toCoordinateFromView:self.mapView];
    // 创建一个自定义大头针对象
    MyAnnotation *annotion = [MyAnnotation new];
    // 大头针的位置就是点击的位置
    annotion.coordinate = coordinate;
    // 此处可以利用反地理编码来获取该坐标的地址详情
    annotion.title = @"优衣库";
    annotion.subtitle = @"三里屯";
//  annotion.icon = @"苍老师图片";  完全自定义时设置自定义大头针的图片
    // 将大头针添加到mapView上
    [self.mapView addAnnotation:annotion];
}

#pragma mark - 自定义系统样式大头针(与下面二选一),不同颜色的大头针方法(利用 MKPinAnnotationView)
// 设置自定义大头针的显示样式,大头针视图添加到地图之前调用,类似于cell的创建方式
- (MKAnnotationView *)mapView:(MKMapView *)mapView viewForAnnotation:(id<MKAnnotation>)annotation{
    //判断是否是系统定位用的大头针
    if ([annotation isKindOfClass:[MKUserLocation class]]) {
        return nil;
    }
    static NSString *ID = @"annoView";
    //缓存池查找、创建一个MKPinAnnotationView类型的大头针
    MKPinAnnotationView *annoView = (MKPinAnnotationView *)[mapView dequeueReusableAnnotationViewWithIdentifier:ID];
    if (annoView == nil) {
        annoView = [[MKPinAnnotationView alloc] initWithAnnotation:annotation reuseIdentifier:ID];
        // 设置颜色
        annoView.pinColor = MKPinAnnotationColorRed;
        // 设置动画掉落
        annoView.animatesDrop = YES;
    }
    return annoView;
}

#pragma mark - 完全自定义样式大头针(与上面二选一),不同图片的大头针方法(利用 MKAnnotationView),也可以直接调用封装好的自定义大头针view,且不必给大头针view设置大头针模型,系统会自动调用view的set方法进行设置
- (MKAnnotationView *)mapView:(MKMapView *)mapView viewForAnnotation:(id<MKAnnotation>)annotation{
    //判断是否是系统定位用的大头针
    if ([annotation isKindOfClass:[MKUserLocation class]]) {
        return nil;
    }
    static NSString *ID = @"annoView";

    //缓存池查找、创建一个完全自定义的大头针view
    MKAnnotationView *annoView = [mapView dequeueReusableAnnotationViewWithIdentifier:ID];
    if (annoView == nil) {
        annoView = [[MKAnnotationView alloc] initWithAnnotation:annotation reuseIdentifier:ID];
        // 使大头针可以被点击,可以查看附属视图
        annoView.canShowCallout = YES;
        // 设置左边的附属视图
        annoView.leftCalloutAccessoryView = [UISwitch new];
    }
    // 获取大头针模型,封装后就不用设置模型了
    MyAnnotation *anno = (MyAnnotation *)annotation;
    // 给大头针view设置模型数据(图像)
    annoView.image = [UIImage imageNamed:anno.icon];
    return annoView;
}

#pragma mark - 实现大头针掉落动画效果
//代理方法在添加大头针图像出现之前调用,参数views 为放置的大头针
- (void)mapView:(MKMapView *)mapView didAddAnnotationViews:(NSArray<MKAnnotationView *> *)views{
    for (MKAnnotationView *annoView in views) {
       // 不要将系统定位的大头针设置了动画效果
        if ([annoView.annotation isKindOfClass:[MKUserLocation class]]) {
            return;
        }
        // 记录要放置的大头针坐标的位置
        CGRect startFrame = annoView.frame;
        // 位置的 Y 改为0,用来掉落
        annoView.frame = CGRectMake(startFrame.origin.x, 0, startFrame.size.width, startFrame.size.height);
        // 执行动画掉落
        [UIView animateWithDuration:0.25 animations:^{
            annoView.frame = startFrame;
        }];
    }
}

封装一个自定义大头针view,类似于cell的封装,不同的是系统会自动调用大头针view的set方法

1.创建一个类方法,参数有mapview,用于缓存池查找

+ (instancetype)annotationViewWithMapView:(MKMapView *)mapView;

2.实现

+ (instancetype)annotationViewWithMapView:(MKMapView *)mapView{
    static NSString *ID = @"annoView";
    MyAnnotationView *annoView = (MyAnnotationView *)[mapView dequeueReusableAnnotationViewWithIdentifier:ID];
    if (annoView == nil) {
        annoView = [[MyAnnotationView alloc] initWithAnnotation:nil reuseIdentifier:ID];
        annoView.canShowCallout = YES;
        annoView.leftCalloutAccessoryView = [UISwitch new];
    }
    return annoView;
}

#pragma mark 系统会自动调用大头针view的 set 方法,一旦重写必须调用父类方法,不然会没有数据
- (void)setAnnotation:(MyAnnotation *)annotation{
    //1. 调用 super 设置模型
    [super setAnnotation:annotation];
    //2. 设置图像
    self.image = [UIImage imageNamed:annotation.icon];
}

导航和画线

一、打开系统地图进行导航(modal出新的界面,跳到系统的地图界面)

步骤: 1、创建地理编码对象,调用正地理编码方法,获取 CLPlacemark 地标对象 2、构造方法用上面参数创建一个 MKPlacemark 对象 3、构造方法用上面参数创建一个 MKMapItem 对象,作为终点位置

调用open类方法,打开系统自带地图从用户位置导航到指定的地点

MKMapItem 就是地图上的一个点

+ (BOOL)openMapsWithItems:(NSArray<MKMapItem *> *)mapItems launchOptions:(nullable NSDictionary<NSString *, id> *)launchOptions;

参数:

mapItems:要导航到的点
launchOptions:导航参数,字典,KEY值如下(注意整型的包装):
1、设置导航模式
MKLaunchOptionsDirectionsModeKe
枚举:
MKLaunchOptionsDirectionsModeDriving     开车
MKLaunchOptionsDirectionsModeWalking     走路
MKLaunchOptionsDirectionsModeTransit     公交

2、设置地图类型
MKLaunchOptionsMapTypeKey
枚举:
MKMapTypeStandard :标准模式
MKMapTypeSatellite :卫星模式
MKMapTypeHybrid  :混合模式

3、是否显示交通状况,BOOL值
MKLaunchOptionsShowsTrafficKey
4、中心点坐标,CLLocationCoordinate2D类型
MKLaunchOptionsMapCenterKey
5、地图显示跨度,MKCoordinateSpan 类型
MKLaunchOptionsMapSpanKey
6、3D地图效果,MKMapCamera类型,iOS7及以后可用
MKLaunchOptionsCameraKey
例子:点击按钮后跳到系统地图导航到指定地点
- (IBAction)navigateClick:(id)sender {
    //1. 创建CLGeocoder对象
    CLGeocoder *geocoder = [CLGeocoder new];
    //2. 调用地理编码方法
    [geocoder geocodeAddressString:self.destinationTF.text completionHandler:^(NSArray<CLPlacemark *> * _Nullable placemarks, NSError * _Nullable error) {
        //3 防错处理
        if (placemarks.count == 0 || error) {
            return;
        }
        //4. 获取地标对象 暂取最后一个
        CLPlacemark *pm = placemarks.lastObject;
        //5. 创建MKPlacemark对象
        MKPlacemark *mkpm = [[MKPlacemark alloc] initWithPlacemark:pm];
        //6. 创建一个MKMapItem
        MKMapItem *destinationItem = [[MKMapItem alloc] initWithPlacemark:mkpm];
        //7. 调用open类方法, 打开导航
        NSDictionary *options = @{MKLaunchOptionsDirectionsModeKey : MKLaunchOptionsDirectionsModeDriving, MKLaunchOptionsMapTypeKey : @(MKMapTypeHybrid), MKLaunchOptionsShowsTrafficKey : @(YES)};
        [MKMapItem openMapsWithItems:@[destinationItem] launchOptions:options];
    }];
}

二、地图画线,在mapView中,iOS8以后无法在模拟器运行

步骤:(就是各种转换,步骤多的看着就恶心,可以直接看下面代码) 1、创建地理编码对象,调用正地理编码方法,获取 CLPlacemark 地标对象 2、构造方法用上面参数创建一个 MKPlacemark 对象 3、构造方法用上面参数创建两个个 MKMapItem 对象,作为起点和终点位置 4、创建方向请求对象( MKDirectionsRequest ),分别设置起点和终点( source、 destination) 5、创建方向对象( MKDirections ),构造方法利用上面的请求对象 6、用方向对象调用计算两点之间的路线方法,回调获取 MKDirectionsResponse 类型响应 7、从响应对象中获取一组路线对象( MKRoute)路线对象,有些属性天朝用不了,如暴风雪路线 8、遍历该组路线对象,取出每个折线( polyline属性 MKPolyline类型)分别渲染到mapView上(通过mapView的 addOverlay:方法) 9、在mapView代理方法中创建地图渲染物 (1)创建折线渲染物对象( MKPolylineRenderer ),构造方法利用代理的 overlay 参数 (2)设置线条颜色(必须设置,否则不显示 fillColor 或 strokeColor ) (3)返回渲染对象

例子:

地图画线

#pragma mark 导航按钮点击
- (IBAction)navigateClick:(id)sender {
    // 回收键盘
    [self.view endEditing:YES];
    //1. 创建CLGeocoder对象
    CLGeocoder *geocoder = [CLGeocoder new];
    //2. 调用地理编码方法
    [geocoder geocodeAddressString:self.destinationTF.text completionHandler:^(NSArray<CLPlacemark *> * _Nullable placemarks, NSError * _Nullable error) {
        //3 防错处理
        if (placemarks.count == 0 || error) {
            return;
        }
        //4. 获取地表对象 暂取最后一个
        CLPlacemark *pm = placemarks.lastObject;
        //5. 创建MKPlacemark对象
        MKPlacemark *mkpm = [[MKPlacemark alloc] initWithPlacemark:pm];

        //6.1 创建一个终点MKMapItem
        MKMapItem *destinationItem = [[MKMapItem alloc] initWithPlacemark:mkpm];
        //6.2 创建一个起点MKMapItem(当前位置)
        MKMapItem *souceItem = [MKMapItem mapItemForCurrentLocation];

        //7. 创建一个方向请求对象,分别设置起点和终点
        MKDirectionsRequest *request = [MKDirectionsRequest new];
        //7.1 设置终点
        request.destination = destinationItem;
        //7.2 设置起点
        request.source = souceItem;

        //8. 创建方向对象,利用请求对象
        MKDirections *direction = [[MKDirections alloc] initWithRequest:request];
        //9. 调用请求对象的 计算路径方法
        [direction calculateDirectionsWithCompletionHandler:^(MKDirectionsResponse * _Nullable response, NSError * _Nullable error) {
            //10.1 防错处理
            if (response.routes.count == 0 || error) {
                NSLog(@"没有找到对应的路线");
                return ;
            }
            //10.2 从返回的response中获取一组 MKRoute 路线对象
            for (MKRoute *route in response.routes) {
                //11. 从路线对象中获取折线对象
                MKPolyline *polyline = route.polyline;
                //12. 将折线对象通过渲染方式添加到地图上,注意在渲染的代理方法中为折线设置颜色
                [self.mapView addOverlay:polyline];
            }
        }];
    }];
}

#pragma mark - mapView的代理方法,当给地图添加了遮盖物的时候就会用此方法,设置一个渲染物对象添加到地图上
- (MKOverlayRenderer *)mapView:(MKMapView *)mapView rendererForOverlay:(id<MKOverlay>)overlay{
    //1. 创建一个折线渲染物对象(MKOverlayRenderer的子类)
    MKPolylineRenderer *polyline = [[MKPolylineRenderer alloc] initWithOverlay:overlay];
    //2. 设置线条颜色,必须设置,否则看不见
    polyline.fillColor = [UIColor redColor];
    //polyline.strokeColor = [UIColor blueColor];
    //3. 设置线条宽度
    polyline.lineWidth = 10;
    return polyline;
}

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏冰霜之地

Weex 事件传递的那些事儿

在前两篇文章里面分别谈了Weex如何在Native端初始化的和Weex是如何高效的渲染Native的原生UI的。Native这边还缺一块,那就是Native产生...

2144
来自专栏hightopo

基于HTML5 Canvas 实现弹出框

2463
来自专栏MixLab科技+设计实验室

字符画生成01

1271
来自专栏懒人开发

React Native学习(五):使用Flexbox布局

我们在React Native中使用flexbox规则来指定某个组件的子元素的布局。 Flexbox可以在不同屏幕尺寸上提供一致的布局结构。 一般来说,使用

1011
来自专栏GIS讲堂

Arcgis for js加载天地图

天地图的切片地图可以通过esri.layers.TiledMapServiceLayer来加载,在此将之进行了一定的封装,如下:

3752
来自专栏数说工作室

【SAS Says】基础篇:4. ODS的使用

你不可能总是在SAS上查看结果,如果结果很多你要一一的讲结果复制到word中去,有ODS就好啦!它可以把SAS的结果直接输出到word、PDF等文件中。 并且,...

48910
来自专栏Golang语言社区

go语言实现通过FTP库自动上传web日志

因为平时管理的web服务器都是VM服务器,为节省硬盘空间,一般给虚拟机分配的硬盘空间都比较小,只有8G,因为,保存不了多少日志,所以每天都需要把每台WEB日志转...

3993
来自专栏布尔

ExtJS4预览:渲染过程重构和标准化

在过去的四年,ExtJs代码库已经进化了,新组件被加进来,编码标准也改进了。在这个过程中,为了重构旧组件有必要经常追溯回去以保证他们也被改进。 在ExtJS4...

20910
来自专栏非著名程序员

基础篇章:关于 React Native 之 Picker 组件的讲解

(友情提示:RN学习,从最基础的开始,大家不要嫌弃太基础,会的同学请自行略过,希望不要耽误已经会的同学的宝贵时间) 今天我们就讲Picker ,顾名思义就是选择...

1848
来自专栏HT

基于HTML5 Canvas 实现弹出框

  用户鼠标移入时,有弹出框出现,这样的需求很常见。这在处理HTML元素实现时简单,但是如果是对 HTML5 Canvas 构成的图形进行处理,这种方法不再适用...

5867

扫码关注云+社区

领取腾讯云代金券