ios 高德地图加载瓦片地图_iOS高德地图添加自定义瓦片地图
瓦片地图
首先解释一下什么是瓦片地图,我们使用的地图(例如百度,高德)都有一个底图,在每一级的缩放比例下,都有一张很大的底图,这张底图按固定的大小切割成若干份,在地图显示时根据显示范围和缩放比例,请求对应几张小的底图,这些底图就是瓦片地图。
项目需求
项目使用的是高德地图,基本的操作可以参考官方文档,然后需要叠加自己的瓦片地图。在官方文档中找了好久,终于在绘制面_绘制瓦片图层这一节中找到了相应的方法。主要步骤是先添加一个MATileOverlay到地图中,然后实现delegate中的mapView:viewForOverlay:函数,返回一个renderer对象。项目中用到的所有地图都要加载这个瓦片服务,所以直接从MAMapView继承出一个自定义MapView。
代码实现
自定义一个PPGMapView,继承自MAMapView。
#import NS_ASSUME_NONNULL_BEGIN
@interface PPGMapView : MAMapView
@end
NS_ASSUME_NONNULL_END
在初始化时添加自定义瓦片图层。
- (void)commonInit {
// delegate指向自己
self.delegate = self;
// 初始化缩放级别
self.zoomLevel = 18.f;
self.showsUserLocation = YES;
self.userTrackingMode = MAUserTrackingModeFollow;
// 添加自定义瓦片图层
PPGTileOverlay *overlay = [[PPGTileOverlay alloc] init];
overlay.maximumZ = 20;
overlay.minimumZ = 14;
overlay.boundingMapRect = MAMapRectWorld;
[self addOverlay:overlay];
}
实现renderer方法
- (MAOverlayRenderer *)mapView:(MAMapView *)mapView rendererForOverlay:(id )overlay {
// 外部delegate首先进行响应,如果没有实现,则使用自定义地图的实现
if ([self.extDelegate respondsToSelector:_cmd]) {
MAOverlayRenderer *renderer = [self.extDelegate mapView:mapView rendererForOverlay:overlay];
if (renderer) {
return renderer;
}
}
if ([overlay isKindOfClass:[MATileOverlay class]]) {
// 默认的瓦片底图renderer
MATileOverlayRenderer *renderer = [[MATileOverlayRenderer alloc] initWithTileOverlay:overlay];
return renderer;
}
return nil;
}
下面是自定义瓦片地图的代码
/**
自定义瓦片图层,继承自MATileOverlay
*/
@interface PPGTileOverlay : MATileOverlay
@end
@implementation PPGTileOverlay
- (NSURL *)URLForTilePath:(MATileOverlayPath)path {
#warning 自行替换ip和端口号
NSString *urlStr = [NSString stringWithFormat:@"http://ip:port/mapImg/tiles/%ld/%ld_%ld.png", (long)path.z, (long)path.x, (long)path.y];
return [NSURL URLWithString:urlStr];
}
// 使用template和上面的方法会丢掉端口号,所以自己去请求,然后回调结果
- (void)loadTileAtPath:(MATileOverlayPath)path result:(void (^)(NSData *, NSError *))result {
NSURL *url = [self URLForTilePath:path];
// 使用SDWebImage管理本地瓦片
SDImageCache *cache = [SDImageCache sharedImageCache];
UIImage *image = [cache imageFromCacheForKey:[url absoluteString]];
if (image) {
result(UIImagePNGRepresentation(image), nil);
} else {
// 在3D地图中如果瓦片请求失败,会一直重复去请求,这里用set存储已请求的瓦片,不做重复请求
static NSMutableSet *urlSet;
if (urlSet == nil) {
urlSet = [NSMutableSet new];
}
if ([urlSet containsObject:url]) {
return;
}
[[SDWebImageDownloader sharedDownloader] downloadImageWithURL:url options:SDWebImageDownloaderHighPriority progress:nil completed:^(UIImage * _Nullable image, NSData * _Nullable data, NSError * _Nullable error, BOOL finished) {
if (finished && data) {
[cache storeImageDataToDisk:data forKey:[url absoluteString]];
}
result(data, error);
[urlSet addObject:url];
}];
}
}
@end
到这里瓦片地图就添加上去了,这里还有一个delegate的问题,因为我们初始化的时候设置delegate为自己了,瓦片地图才能正常显示,如果这是在使用的时候delegate设置为另外一个对象,而他没实现上面的renderer 方法,那么我们的瓦片地图又不能显示了,所以这里使用了外部delegate方法。
在自定义MapView中添加一个Extension,添加私有属性extDelegate
@interface PPGMapView () /**
外部的代理
*/
@property (nonatomic, weak) idextDelegate;
@end
重写setDelegate方法和respondsToSelector方法
// 保存本地delegate,记录外部delegate
- (void)setDelegate:(id)delegate {
if (delegate == self) {
[super setDelegate:delegate];
} else {
self.extDelegate = delegate;
}
}
- (BOOL)respondsToSelector:(SEL)aSelector {
BOOL responds = [super respondsToSelector:aSelector];
if (responds) {
return responds;
} else {
return [self.extDelegate respondsToSelector:aSelector];
}
}
runtime转发方法到外部delegate
// runtime消息转发
- (id)forwardingTargetForSelector:(SEL)aSelector {
if ([self.extDelegate respondsToSelector:aSelector]) {
return self.extDelegate;
}
return nil;
}
代码仓库地址:
https://github.com/gaopeng-hz/TileOverlay
ios 高德地图加载瓦片地图_iOS高德地图添加自定义瓦片地图相关推荐
- 高德地图加载谷歌地图瓦片
简介 苦逼外业实验需要用到无人机采集数据,遂利用高德地图SDK和DJI Mobile SDK开发了一款无人机航线规划软件.当地也不算偏僻,然而高德卫星地图缩放等级约为16,无法满足作业需求.调查了其他 ...
- android高德地图瓦片,高德地图加载瓦片分析
8种机械键盘轴体对比 本人程序员,要买一个写代码的键盘,请问红轴和茶轴怎么选? ##了解瓦片地图 瓦片地图:瓦片地图金字塔模型是一种多分辨率层次模型,从瓦片金字塔的底层到顶层,分辨率越来越低,但表示的 ...
- vue使用高德地图加载kml文件
在使用 Vue 的项目中使用高德地图加载 kml 文件,你可以这么做: 在高德地图官网上注册开发者账号并申请应用密钥. 在项目中安装高德地图的 JavaScript API,你可以直接在 HTML 文 ...
- ios 高德地图加载瓦片地图_IOS 高德地图 API 加载 WMS 服务
IOS 高德地图 API 加载 WMS 服务 本文主要介绍通过自定义高德地图 MATileOverlay 接口,添加 WMS 服务到地图上.废话少说,先贴代码. 代码 自定义类 WMSTileOver ...
- ios 高德地图加载瓦片地图_集成iOS高德地图
一.前奏 这里只是个人集成过程中的遇到的点,现做下标记. 1,如果你需要集成涉及国外版地图,基于HTTPS的最新版本需要设置,需要注意基于国外定位,高德的不太精确(个人测试) [self.mapVie ...
- Android基于高德地图加载自定义网络瓦片(使用geoserver)
公司开发项目使用自己的地图瓦片,由于前端前期使用geoserver,调研后发现高德地图有加载自定义网络瓦片的功能. public class MyTileProvider extends UrlTil ...
- 转载:高德地图加载不出来,有高德的logo,但地图一片空白
按照高德官网的文档配置地图加载,在地图上有高德的logo,但是始终加载不到地图,那么你可能遇到这个问题了,请看下面解决办法. 第一步查看:项目的build.gradle中配置的编译版本.运行版本.是不 ...
- android 打包hbuilder 高德地图加载不出来_十一黄金周地图很忙:百度获央视报道,高德忙道歉,究竟谁好用?...
现代人出门,地图几乎成了必备的工具,开车步行规划路线,搜周边的美食旅游景点等.每年的十一黄金周,是出门旅游的高峰期,今年的十一又很特别,中秋跟国庆同一天,8天的假期美滋滋. 十一虽然已经过去了几天,但 ...
- 高德地图开发从入门到精通之一:高德地图加载
(1) 首先在html主页面中引入高德地图的JavaScript文件: <script src="https://webapi.amap.com/maps?v=2.0&key= ...
最新文章
- VS生成dll和lib库文件
- Redux源码浅析系列(二):`combineReducer`
- 【Paper】2021_Analysis of the Consensus Protocol of Heterogeneous Agents with Time-Delays
- 如何快速正确的安装 Ruby, Rails 运行环境
- struts2标签_select获取action传过来的值
- PMT_Header-节目映射表的数据结构2
- 为了减少接口的响应时间,有哪些优化措施?(可以从架构、代码等各个角度谈)?
- preg使用。还是一样,只是个人记录,不放博客园首页
- Aptana 开发环境执行时默认的工作路径
- dva开发一个cnode网站(2)
- 位图保存到数据库 VC ado 类
- 上海名媛 -- 精致女孩的打拼生活
- 三本计算机专业考研211,一个三本学渣逆袭211的考研心得
- MySQL和php搭建聊天室,用PHP MySQL搭建聊天室
- js中使用new操作符做了什么事情
- 使用Tushare筛选今天适合投资的股票
- 维优尚品——全国首家C2M电子商务平台
- 三层交换机如何实现链路聚合
- 【C语言】指针变量的定义、使用及初始化
- 怎样将样式引入到html5,将