从头开始swift2.1 仿搜材通项目(二) 百度地图SDK集成

项目一开始,又快到凌晨了,我给大家来个重磅戏,提提神。本节我们来将百度地图SDK使用cocoapods集成到我们项目中,并使用swift2.1进行一个简单的地图展示。

新建一个项目,依然选择Single View Applicaton,项目名和公司随意,开发语言记得选择swift:

QQ20151218-1.png

QQ20151218-2.png

ok,选择一个路径并create,我们的项目就算是创建成功了,
QQ20151218-3.png

因为大家应该都有了前面cocoapods的基础,这里我就不过多的废话了,如果有后面新来的同学的话,请移步如何在iOS&swfit中使用第三方库(CocoaPods)
在根目录新建我们的Podfile文件,写入百度地图的地址:

platform :ios, '8.0'
use_frameworks!
pod 'BaiduMapKit'```
ok,cd到当前目录并执行 ```pod install```,因为这里是第一次,所以是使用 ```pod install```,如果是安装成功后后面需要更新的话,则使用```pod update```,好吧,我又废话了。

himideMacBook-Pro:~ himi$ cd /Users/himi/Desktop/show/sctong
himideMacBook-Pro:sctong himi$ pod install
Updating local specs repositories
Analyzing dependencies
Downloading dependencies
Installing BaiduMapKit (2.9.1)
Generating Pods project
Integrating client project

[!] Please close any current Xcode sessions and use sctong.xcworkspace for this project from now on.
Sending stats
Pod installation complete! There is 1 dependency from the Podfile and 1 total
pod installed.
himideMacBook-Pro:sctong himi$

好的,集成成功,我们关掉当前项目,换成sctong.xcworkspace进入工程,以后都只打开.xcworkspace的来进行开发。打开后我们发现,工程里多了一些文件,百度地图的sdk已经集成进项目中了。
![QQ20151218-5.png](http://upload-images.jianshu.io/upload_images/1190844-91698ec3274c165d.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
因为百度地图SDK是Objective-c的源代码,这里我们还需要创建头文件并添加对其引用。创建一个C++ File,步骤如下:
![QQ20151218-6.png](http://upload-images.jianshu.io/upload_images/1190844-1c11c890ec90e787.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

![QQ20151218-7.png](http://upload-images.jianshu.io/upload_images/1190844-fbe54bf9de60a24d.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

![QQ20151218-8.png](http://upload-images.jianshu.io/upload_images/1190844-266cbc9a34068605.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
最后一定要Create Bridging Header。OK,再把创建好的两个mmmm文件删除,留下自动创建的sctong-Bridging-Header.h文件,在其中添加对使用到的Objective-c源文件的import

import <BaiduMapAPI_Base/BMKBaseComponent.h>//引入base相关所有的头文件

import <BaiduMapAPI_Map/BMKMapComponent.h>//引入地图功能所有的头文件

import <BaiduMapAPI_Search/BMKSearchComponent.h>//引入检索功能所有的头文件

import <BaiduMapAPI_Cloud/BMKCloudSearchComponent.h>//引入云检索功能所有的头文件

import <BaiduMapAPI_Location/BMKLocationComponent.h>//引入定位功能所有的头文件

import <BaiduMapAPI_Utils/BMKUtilsComponent.h>//引入计算工具所有的头文件

import <BaiduMapAPI_Radar/BMKRadarComponent.h>//引入周边雷达功能所有的头文件

import <BaiduMapAPI_Map/BMKMapView.h>//只引入所需的单个头文件

保存关闭,现在我们需要到百度地图开发者后台去[创建一个应用](http://lbsyun.baidu.com/apiconsole/key/create),如果你还没有成为一个百度开发者,或者嫌麻烦的话,可以使用下面这个AK,**如果使用这个mmmm的话,需要把bundle identifier修改为com.mmmm**:
    7516347 mmmm    BRtrj48ZcxVzCuyLMiTQegr1    iOS端
![QQ20151218-9.png](http://upload-images.jianshu.io/upload_images/1190844-d8725b6b02ede885.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
现在我们集成好了SDK,并且有了AK密钥,只需要最后的一步,就可以正式的开始上手使用地图了,这一步就是修改我们的Info.plist,类似于android系统的AndroidMainfest.xml,我们需要到里面修改一下配置信息,申请一下定位权限:
![QQ20151219-1.png](http://upload-images.jianshu.io/upload_images/1190844-791ce5a148db84ce.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
直接在末尾加入下面代码:
![QQ20151219-2.png](http://upload-images.jianshu.io/upload_images/1190844-14e3efb237f145e1.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
<key>CFBundleDisplayName</key>
<string>搜材通</string>
<key>NSLocationWhenInUseUsageDescription</key>
<string></string>
<key>NSAppTransportSecurity</key>
<dict>
    <key>NSAllowsArbitraryLoads</key>
    <true/>
</dict>
OK,大功告成,到现在为止我们虽然做了很多工作,但却什么效果都没看到,是不是有点心急啊?现在我们来到AppDelegate中didFinishLaunchingWithOptions方法,
func application(application: UIApplication, didFinishLaunchingWithOptions launchOptions: [NSObject: AnyObject]?) -> Bool {

    let mapManager = BMKMapManager()
    mapManager.start("换成你的AK密钥", generalDelegate: nil)
    
    return true
}
这样我们start成功后就可以去ViewController中调用了,我们新建一个ViewController,代码很少,我就没写注释了:
![QQ20151219-3.png](http://upload-images.jianshu.io/upload_images/1190844-023598ef25cad145.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

class MapController: UIViewController,BMKMapViewDelegate,BMKLocationServiceDelegate {

var mapView:BMKMapView!
var locationService:BMKLocationService!

override func viewDidLoad() {
    super.viewDidLoad()
    
    mapView = BMKMapView(frame: self.view.frame)
    mapView.showsUserLocation = true
    //地图缩放级别
    mapView.zoomLevel=16;
    
    locationService = BMKLocationService()
    locationService.delegate = self
    locationService.startUserLocationService()
    
    self.view = mapView
}

func didUpdateUserHeading(userLocation: BMKUserLocation!) {
    mapView.updateLocationData(userLocation)
}

func didUpdateBMKUserLocation(userLocation: BMKUserLocation!) {
    mapView.updateLocationData(userLocation)
    mapView.setCenterCoordinate(userLocation.location.coordinate, animated: true)
}

override func didReceiveMemoryWarning() {
    super.didReceiveMemoryWarning()
}

override func viewWillAppear(animated: Bool) {
    super.viewWillAppear(animated)
    mapView?.delegate = self
}

override func viewWillDisappear(animated: Bool) {
    super.viewWillDisappear(animated)
    mapView.showsUserLocation = false
    mapView?.delegate = nil
}

}

现在我们修改didFinishLaunchingWithOptions中的rootViewController
    self.window = UIWindow()
    self.window!.frame = UIScreen.mainScreen().bounds
    self.window!.rootViewController = MapController()
    self.window!.makeKeyAndVisible()
OK,拿真机来跑一下
![Screen Shot 2015-12-19 at 00.21.28.png](http://upload-images.jianshu.io/upload_images/1190844-28ebfbc461537951.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
在用户没有操作前是默认定位到首都的,点击允许:
![Screen Shot 2015-12-19 at 00.22.50.png](http://upload-images.jianshu.io/upload_images/1190844-8acb224688efc4b9.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
完美的把我的位置给暴露了,OK,这节我们就先到这里,本来是要提神的,结果一下写了这么久。
Git地址:https://github.com/bxcx/sctong
本节分支:https://github.com/bxcx/sctong/tree/1st_BaiduMap
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 204,921评论 6 478
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 87,635评论 2 381
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 151,393评论 0 338
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,836评论 1 277
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,833评论 5 368
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,685评论 1 281
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 38,043评论 3 399
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,694评论 0 258
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 42,671评论 1 300
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,670评论 2 321
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,779评论 1 332
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,424评论 4 321
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 39,027评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,984评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,214评论 1 260
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 45,108评论 2 351
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,517评论 2 343

推荐阅读更多精彩内容

  • 发现 关注 消息 iOS 第三方库、插件、知名博客总结 作者大灰狼的小绵羊哥哥关注 2017.06.26 09:4...
    肇东周阅读 12,019评论 4 62
  • 各位小伙伴们大家好,今天我向大家介绍一下苹果百度地图的使用方法,因为做过一些想关的APP,感觉百度地图还是挺方便的...
    Lee0528阅读 14,657评论 18 46
  • 本节是仿搜材通项目的最后一节了,前面我们记录了主流框架(Tabbed)的搭建,第三方SDK(百度地图)的集成,使用...
    a_mean阅读 768评论 7 8
  • 最近难得清闲,闲来得空,记录京城。 浅谈京城历史 内外城------ 北京曾经只是个无名小卒,但在...
    XINYI_ZH阅读 1,070评论 1 4
  • 時代在進步,科技在發展,越來越多的便利。很多人會說,這是時代的象征,科技實力的證明。這樣說其實沒什麼錯,不...
    韻杉成林阅读 194评论 0 0