ios地图sdk

ios地图sdk支持自定义瓦片图层（tileoverlay）, 该图层支持开发者添加自有瓦片数据。该图层可随地图的平移、缩放、旋转等操作做相应的变换，它仅位于底图之上（即瓦片图层将会遮挡底图，不遮挡其他图层），瓦片图层的添加顺序不会影响其他图层（例如：poi搜索图层、我的位置图层等）的叠加关系，适用于开发者拥有某一区域的地图，并希望使用此区域地图覆盖百度地图相应区域的情况。

自定义瓦片图使用场景

通过瓦片图层可对基础底层地图添加额外的特性，如：某个商场的室内信息、某个景区的详情等等。自定义图层类是bmktileoverlay，它定义了能添加到基础底层地图的图片集合。

瓦片划分规则

添加瓦片图层的前提是使用球面墨卡托投影生成了相应的瓦片，并按照生成的格式部署在您的服务器上。

百度地图sdk根据不同的比例尺将地图划分成若干个瓦片，并且以中心点经纬度(0,0)开始计算瓦片，当地图显示缩放级别增大时，每一个瓦片被划分成4 个瓦片。

如：地图级别为0时，只有1张瓦片；地图级别为1时，会分成4 张瓦片；地图级别为2时，会分成4的2次方 = 16 张瓦片。依次类推，地图级别为n时，总共划分的瓦片为：4的n次方。为了保证瓦片的显示效果，第n级的瓦片显示的地图level范围为[n - 0.5, n 0.5)。

瓦片图加载

本地加载

将图片打包于应用内，适用于图片较小且不需要频繁变更，通过继承bmksynctilelayer实现。

1. 新建bmklocalsynctilelayer类

objective-c

swift


/**
 @brief 通过同步方法获取瓦片数据，是一个抽象类，需要通过继承该类，并重载 tileforx:y:zoom: 方法
 瓦片图片是jpeg或者png格式，size为256x256
 */
@interfacebmklocalsynctilelayer:bmksynctilelayer
@end
#pragma mark -bmklocalsynctilelayer
@implementation bmklocalsynctilelayer
/**
 @brief 通过同步方法获取瓦片数据，子类必须实现该方法
        这个方法会在多个线程中调用，需要考虑线程安全
 @param (x, y, zoom)x,y表示瓦片的行列号，zoom为地图的缩放等级
 @return uiimage所对应瓦片的uiimage对象
*/
-(uiimage*)tileforx:(nsinteger)x y:(nsinteger)y zoom:(nsinteger)zoom {
nsstring*imagename =[nsstring stringwithformat:@"%ld_%ld_%ld.jpg", zoom, x, y];
uiimage*image =[uiimage imagenamed:imagename];
return image;
}
@end

2. 创建bmklocalsynctilelayer对象

objective-c

swift


//初始化bmklocalsynctilelayer的实例
bmklocalsynctilelayer*synctile =[[bmklocalsynctilelayer alloc] init];

3. 设置bmklocalsynctilelayer的可见最大/最小zoom值

objective-c

swift


//synctile的最大zoom值，默认21，且不能小于minzoom
synctile.maxzoom=17;
//synctile的最小zoom值，默认3
synctile.minzoom=16;

4. 将bmklocalsynctilelayer对象添加到bmkmapview中

objective-c

swift


/**
向地图view添加overlay，需要实现bmkmapviewdelegate的-mapview:viewforoverlay:
方法来生成标注对应的view
@param overlay 要添加的overlay
 */
[_mapview addoverlay:synctile];

5. 实现bmkmapviewdelegate回调，返回瓦片图层view

objective-c

swift


#pragma mark -bmkmapviewdelegate
/**
 根据overlay生成对应的bmkoverlayview
 @param mapview 地图view
 @param overlay 指定的overlay
 @return 生成的覆盖物view
 */
-(bmkoverlayview*)mapview:(bmkmapview*)mapview viewforoverlay:(id <bmkoverlay>)overlay {
if([overlay iskindofclass:[bmktilelayerclass]]){
bmktilelayerview*view =[[bmktilelayerview alloc] initwithtilelayer:overlay];
return view;
}
return nil;
}

6. 运行程序

效果如下图：

在线加载

使用在线下载，将图片存放于开发者提供的服务中，提供给sdk一个url模板，适用于图片需要随时变更，下面举例说明添加在线瓦片图层的步骤：

1. url模版

url模版（urltemplate）是一个包含"{x}","{y}","{z}"的字符串,"{x}","{y}"表示tile的坐标，"{z}"表示当tile显示的级别。"{x}","{y}","{z}"会被tile的坐标值所替换，并生成用来加载tile图片数据的url 。例如： http://server/path?x={x}&y={y}&z={z}

2. 创建bmkurltilelayer对象

objective-c

swift


/**
 @brief 通过提供url模板的方法，提供数据源。不应该继承该类，且必须通过initwithurltemplate:
 方法来初始化，瓦片图片是jpeg或者png格式，size为256x256
 */
bmkurltilelayer*urltilelayer =[[bmkurltilelayer alloc] initwithurltemplate:@"http://api0.map.bdimg.com/customimage/tile?&x={x}&y={y}&z={z}&udt=20150601&customid=light"];

3. 设置bmkurltilelayer的可见最大/最小zoom值

objective-c

swift


urltilelayer.maxzoom=21;
urltilelayer.minzoom=17;

4. 设置bmkurltilelayer的可渲染区域

objective-c

swift


//urltile的可渲染区域，默认世界范围
urltilelayer.visiblemaprect=bmkmaprectmake(32994258,35853667,3122,5541);

5. 将bmkurltilelayer对象添加到bmkmapview中

objective-c

swift


[_mapview addoverlay:urltilelayer];

6. 实现bmkmapviewdelegate回调，返回瓦片图层view

objective-c

swift


-(bmkoverlayview*)mapview:(bmkmapview*)mapview viewforoverlay:(id <bmkoverlay>)overlay {
if([overlay iskindofclass:[bmktilelayerclass]]){
bmktilelayerview*view =[[bmktilelayerview alloc] initwithtilelayer:overlay];
return view;
}
return nil;
}

7. 实现bmkmapviewdelegate回调，返回瓦片图层view

当前地图等级为17（_mapview.zoomlevel = 17;）效果如下图：

自定义热力图

opengl绘制

本篇文章对您是否有帮助？