Baidu 地图 SDK 的使用(一)---加载地图视图

本人有若干成套学习视频, 可试看! 可试看! 可试看, 重要的事情说三遍 包含Java, 数据结构与算法, iOS, 安卓, python, flutter等等, 如有需要, 联系微信tsaievan.

其实百度地图官方 SDK 说的相当详细了, 按照上面做基本不会出错
不过步骤繁琐,还是总结下为好

先看一下大致的步骤的思维导图
Baidu 地图 SDK 的使用(一)---加载地图视图_第1张图片
显示百度地图的步骤概览

好吧,现在开始 One step by step

  • 申请账号及密钥百度地图 API 首页
    首先,你得有个百度账号
Baidu 地图 SDK 的使用(一)---加载地图视图_第2张图片
申请百度账号

其次,成为百度地图的开发者, 这一步需要填电话, 邮箱验证等等

最后,申请密钥申请密钥地址

找到 SDK

Baidu 地图 SDK 的使用(一)---加载地图视图_第3张图片
找到 SDK

创建应用

Baidu 地图 SDK 的使用(一)---加载地图视图_第4张图片
创建应用

绑定 Bundle Identifier

Baidu 地图 SDK 的使用(一)---加载地图视图_第5张图片
绑定 Bundle Identifier

获取到 AK 码

Baidu 地图 SDK 的使用(一)---加载地图视图_第6张图片
获取到 AK 码
  • 配置开发环境

静态库 OBJC++, 要保证工程里有一个.mm 文件

Baidu 地图 SDK 的使用(一)---加载地图视图_第7张图片
保证工程里有一个.mm 文件

infoPlist 文件配置

Baidu 地图 SDK 的使用(一)---加载地图视图_第8张图片
infoPlist 文件配置.xml
infoPlist 文件配置. plist

导入框架(cocoa pods)

Baidu 地图 SDK 的使用(一)---加载地图视图_第9张图片
导入框架(cocoa pods)
  • 显示地图的代码实现

AppDelegate.m 文件

#import "AppDelegate.h"
/* 导入百度地图 Base 框架 */
#import 
@interface AppDelegate ()
 /* 百度地图 manager */
 /* strong保证BMKMapManager一直被强引用,在使用过程中不被释放 */
 /* 这一点很重要 */
@property (nonatomic,strong)BMKMapManager *mapManager;
@end

@implementation AppDelegate

- (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions {
    
        // -------- 初始化BMKMapManager --------
    _mapManager = [[BMKMapManager alloc]init];
    
     /* 在下面这句代码中,使用 AK码 */
    BOOL ret = [_mapManager start:@"gHuCclVtXPnj7CuD8qWGnPZpCV3oLZxf" generalDelegate:nil];
    if (!ret) {
        NSLog(@"manager start failed!");
    }
    return YES;
}

ViewController 的.m 文件

#import "ViewController.h"
 /* 导入百度地图的地图框架 */
#import 

@interface ViewController ()
/* 百度地图视图 */
@property (nonatomic,strong) BMKMapView *mapView;
@end

@implementation ViewController

#pragma mark *** Getter & Setter ***
-(BMKMapView *)mapView
{
    if (!_mapView) {
        _mapView = [[BMKMapView alloc]initWithFrame:self.view.bounds];
    }
    return _mapView;
}

#pragma mark *** 视图的生命周期 ***
- (void)viewDidLoad {
    [super viewDidLoad];
    [self.view addSubview:self.mapView];
}

@end
就这样简单的几行代码, 百度地图就显示到模拟器上了,给大家看下效果图
效果图

PS. 本人有若干成套学习视频, 包含Java, 数据结构与算法, iOS, 安卓, python, flutter等等, 如有需要, 联系微信tsaievan.

你可能感兴趣的:(Baidu 地图 SDK 的使用(一)---加载地图视图)