2020-01-10 IOS原生地图开发(2)——离线瓦片的下载与保存

上一节描述了基本的mapkit加载,其众多委托方法与功能后面介绍,本节介绍离线谷歌卫星瓦片的加载与保存。

本篇内容:瓦片地图加载 瓦片下载与保存

先看实际效果:

局部离线瓦片
全局在线瓦片

方法如下:
一、全局瓦片的加载
1、获取全局瓦片

MKTileOverlay * tile = [[MKTileOverlay alloc] initWithURLTemplate:@"http://mt1.google.cn/vt/lyrs=s&hl=zh-CN&gl=cn&x={x}&y={y}&z={z}"];
tile.minimumZ = 3;
tile.maximumZ = 30;
tile.canReplaceMapContent = YES;
//tile.boundingMapRect = MAMapRectWorld;

2、全局瓦片加载与更替

if (_mapView.mapType == MKMapTypeStandard) {
    //change to google setilite
    MKTileOverlay *tile = [self mapTileOverlay];
    [_mapView insertOverlay:tile atIndex:0 level:MKOverlayLevelAboveRoads];
    NSLog(@"google setellite");
    [_mapView setMapType:MKMapTypeSatellite];

}else{
    
    //把google瓦片删除
    NSArray* annos = [NSArray arrayWithArray:_mapView.overlays];
    for (int i = 0; i < annos.count; i++) {
        id<MKOverlay> ann = [annos objectAtIndex:i];
        if ([ann isKindOfClass:[MKTileOverlay class]]) {
            [_mapView removeOverlay:ann];
        }

    }

    [_mapView setMapType:MKMapTypeStandard];

    NSLog(@"mapkit standard");

二、离线瓦片的加载与保存
1、 瓦片的行列号计算

//get x from lon 根据缩放级别zoom和经度获取对应瓦片的x(行号)
- (int) getOSMTileXFromLongitude:(double) lon zoom:(int) zoom {
 
    return (int) (floor((lon + 180) / 360 * pow(2, zoom)));
 

 }

//get y from lat 根据缩放级别zoom和纬度获取对应瓦片的y(列号)
- (int) getOSMTileYFromLatitude:(double) lat zoom:(int) zoom
 {
    
    return (int) (floor((1 - log(tan(lat * M_PI / 180) + 1 / cos(lat * M_PI / 180)) /M_PI) / 2 * pow(2, zoom)));
    
}

关于瓦片的工作原理参考:瓦片原理

2、生成瓦片下载URL

 NSString * urlstr = [NSString stringWithFormat:@"http://mt0.google.cn/maps/vt?lyrs=s@773&gl=cn&x=%d&y=%d&z=%d",x,y,zoomLevel];

3、根据瓦片urls下载瓦片到本地

/******************************
AFN Download methods
 ******************************/
- (void) AFNdownloadWapian:(NSMutableArray * ) urls localUrls:(NSMutableArray *)localUrls map:(LocalMap *) map{
    
    /* 创建网络下载对象 */
    AFURLSessionManager *manager = [[AFURLSessionManager alloc] initWithSessionConfiguration:[NSURLSessionConfiguration defaultSessionConfiguration]];
    if (urls.count == 0) {
        //所有瓦片都下载完成了
        map.statuscode = 1;
        map.url = [self array2str:localUrls];
        //[self updateLocalMap:map];
        [self updateLocalMap:map];
        return;
    }
    
    //每次取urls数组的第一个 下完就删掉
    NSString * urlStr = [urls objectAtIndex:0];
    //把下载的瓦片的x y z 信息保存到本地 后面离线加载寻址
    NSArray * arry = [urlStr componentsSeparatedByString:@"x"];
    NSString * urlStrHeli = [arry objectAtIndex:1];
    urlStrHeli = [NSString stringWithFormat:@"x%@",urlStrHeli];
    /* 下载地址 */
    NSURL *url = [NSURL URLWithString:urlStr];
    NSURLRequest *request = [NSURLRequest requestWithURL:url];
    /* 保存路径 */
    NSString *path = [NSHomeDirectory() stringByAppendingPathComponent:@"Documents/"];
    NSString *filePath = [path stringByAppendingPathComponent:[NSString stringWithFormat:@"%@.png",urlStrHeli]];
    ////把下载的瓦片的x y z 信息保存到本地 后面离线加载寻址
    NSString * zzcPath = [NSString stringWithFormat:@"%@.png",urlStrHeli];
    NSLog(@"zzcPath:%@",zzcPath);
    [localUrls addObject:zzcPath];

    

    /* 开始请求下载 */
    NSURLSessionDownloadTask *downloadTask = [manager downloadTaskWithRequest:request progress:^(NSProgress * _Nonnull downloadProgress) {
        NSLog(@"下载进度:%.0f%", downloadProgress.fractionCompleted * 100);
    } destination:^NSURL * _Nonnull(NSURL * _Nonnull targetPath, NSURLResponse * _Nonnull response) {
        dispatch_async(dispatch_get_main_queue(), ^{
            //如果需要进行UI操作,需要获取主线程进行操作
        });
        /* 设定下载到的位置 */
        return [NSURL fileURLWithPath:filePath];
        
    } completionHandler:^(NSURLResponse * _Nonnull response, NSURL * _Nullable filePath, NSError * _Nullable error) {
        [urls removeObjectAtIndex:0];
        NSLog(@"下载完成,剩余:%lu",(unsigned long)urls.count);
        NSLog(@"ZZCfilePath:%@",filePath);
        [self AFNdownloadWapian:urls localUrls:localUrls map:map];
    }];
    [downloadTask resume];

    
}

4、自定义瓦片类用于加载本地瓦片
原理:规定URLForTilePath的指定检索 本地有对应瓦片的xyz的路径就加载否则不管

//
//  ZKTileOverlay.h
//  RTectGo
//
//  Created by Apple on 2019/2/21.
//  Copyright © 2019年 zzcBjergsen. All rights reserved.
//

#import <MapKit/MapKit.h>

@interface ZKTileOverlay : MKTileOverlay

@property (nonatomic, strong) NSMutableArray * urls;

-(id) initWithArray:(NSMutableArray *)urls;

- (NSURL *)URLForTilePath:(MKTileOverlayPath)path; // default implementation fills out the URLTemplate

@end

//
//  ZKTileOverlay.m
//  RTectGo
//
//  Created by Apple on 2019/2/21.
//  Copyright © 2019年 zzcBjergsen. All rights reserved.
//

#import "ZKTileOverlay.h"

@implementation ZKTileOverlay


-(id) initWithArray:(NSMutableArray *)urls
{
    self = [super init];
    if (self) {
        _urls = urls;
    }
    
    return self;
}

- (NSURL *)URLForTilePath:(MKTileOverlayPath)path{
    NSString * str = [NSString stringWithFormat:@"x=%ld&y=%ld&z=%ld.png",(long)path.x,(long)path.y,(long)path.z];
    NSString *Hpath = [NSHomeDirectory() stringByAppendingPathComponent:@"Documents/"];
    NSString *filePath = [Hpath stringByAppendingPathComponent:str];
    NSURL * url;
    if ([self contains:_urls str:str]) {
        url = [NSURL fileURLWithPath:filePath];
    }else{
        
    }

    return  url;
    
}
- (BOOL) contains:(NSMutableArray *)urls str:(NSString *)str{
    
    for (int i = 0; i < urls.count; i++) {
        NSString * temp = [urls objectAtIndex:i];
        if ([str isEqualToString:temp]) {
            return YES;
        }
    }
    
    return NO;
}

@end

5、自定义瓦片的加载

            //已下载 进行地图显示
                    ZKTileOverlay * tile = [[ZKTileOverlay alloc] initWithArray:[self str2array:map.url]];

                    [_mapView addOverlay:tile];
           //设置显示的缩放级别
            MKCoordinateRegion region = {0};
            if (CLLocationCoordinate2DIsValid(map.coor)) {
                region.center = map.coor;
                region.span.latitudeDelta = 0.001;
                region.span.longitudeDelta = 0.001;
                [_mapView setRegion:region animated:YES];
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 202,056评论 5 474
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 84,842评论 2 378
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 148,938评论 0 335
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,296评论 1 272
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,292评论 5 363
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,413评论 1 281
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 37,824评论 3 393
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,493评论 0 256
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 40,686评论 1 295
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,502评论 2 318
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,553评论 1 329
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,281评论 4 318
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 38,820评论 3 305
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,873评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,109评论 1 258
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 42,699评论 2 348
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,257评论 2 341

推荐阅读更多精彩内容