美文网首页SwiftBlog项目代码ios开发
从头开始swift2.1 仿搜材通项目(二) 百度地图SDK集成

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

作者: a_mean | 来源:发表于2015-12-18 23:37 被阅读553次

    项目一开始,又快到凌晨了,我给大家来个重磅戏,提提神。本节我们来将百度地图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: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

    相关文章

      网友评论

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

      本文链接:https://www.haomeiwen.com/subject/powphttx.html