从头开始swift2.1 仿搜材通项目(二) 百度地图SDK集成
2015-12-18 本文已影响553人
a_mean
项目一开始,又快到凌晨了,我给大家来个重磅戏,提提神。本节我们来将百度地图SDK使用cocoapods集成到我们项目中,并使用swift2.1进行一个简单的地图展示。
新建一个项目,依然选择Single View Applicaton,项目名和公司随意,开发语言记得选择swift:
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:https://img.haomeiwen.com/i1190844/91698ec3274c165d.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
因为百度地图SDK是Objective-c的源代码,这里我们还需要创建头文件并添加对其引用。创建一个C++ File,步骤如下:
![QQ20151218-6.png](http:https://img.haomeiwen.com/i1190844/1c11c890ec90e787.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
![QQ20151218-7.png](http:https://img.haomeiwen.com/i1190844/fbe54bf9de60a24d.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
![QQ20151218-8.png](http:https://img.haomeiwen.com/i1190844/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:https://img.haomeiwen.com/i1190844/d8725b6b02ede885.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
现在我们集成好了SDK,并且有了AK密钥,只需要最后的一步,就可以正式的开始上手使用地图了,这一步就是修改我们的Info.plist,类似于android系统的AndroidMainfest.xml,我们需要到里面修改一下配置信息,申请一下定位权限:
![QQ20151219-1.png](http:https://img.haomeiwen.com/i1190844/791ce5a148db84ce.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
直接在末尾加入下面代码:
![QQ20151219-2.png](http:https://img.haomeiwen.com/i1190844/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:https://img.haomeiwen.com/i1190844/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:https://img.haomeiwen.com/i1190844/28ebfbc461537951.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
在用户没有操作前是默认定位到首都的,点击允许:
![Screen Shot 2015-12-19 at 00.22.50.png](http:https://img.haomeiwen.com/i1190844/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