自定義地圖標(biāo)注

思維導(dǎo)圖:

MApoint.png

實(shí)現(xiàn)

采納協(xié)議<MAMapViewDelegate>

@interface WBMapViewController ()<MAMapViewDelegate>
...
#pragma mark - UISetup

- (void)setupMapView{
    MAMapView *_mapView = [[MAMapView alloc] initWithFrame:self.view.bounds];
    [self.view addSubview:_mapView];
    _mapView.showsScale = NO;
    // 關(guān)閉camera旋轉(zhuǎn),節(jié)省性能
    _mapView.rotateCameraEnabled = NO;
    _mapView.showsUserLocation = YES;

    /* 
      - 跟蹤用戶的位置 
      - 可以將用戶定位在地圖的中心,并且放大地圖,有的時(shí)候,速度會(huì)有些慢!
    */
    _mapView.userTrackingMode = MAUserTrackingModeFollow;
    _mapView.allowsBackgroundLocationUpdates = YES;
    _mapView.pausesLocationUpdatesAutomatically = NO;
    
    // 設(shè)置代理
    _mapView.delegate = self;
}

實(shí)現(xiàn)兩個(gè)代理方法

  • didUpdateUserLocation
#pragma mark - delegate

/**
 * @brief 位置或者設(shè)備方向更新后,會(huì)調(diào)用此函數(shù)
 * @param mapView 地圖View
 * @param userLocation 用戶定位信息(包括位置與設(shè)備方向等數(shù)據(jù)) 是一個(gè)固定的對(duì)象
 * @param updatingLocation 標(biāo)示是否是location數(shù)據(jù)更新, YES:location數(shù)據(jù)更新 NO:heading數(shù)據(jù)更新
 */
- (void)mapView:(MAMapView *)mapView didUpdateUserLocation:(MAUserLocation *)userLocation updatingLocation:(BOOL)updatingLocation {
    // 0. 判斷 `位置數(shù)據(jù)` 是否變化 - 不一定是經(jīng)緯度變化!
    if (!updatingLocation) {
        return;
    }
    
    // 大概 1s 更新一次!
    NSLog(@"%@ %p", userLocation.location, userLocation.location);
    
    // 判斷起始位置是否存在
    if (_startLocation == nil) {
        _startLocation = userLocation.location;
        // 1. 實(shí)例化大頭針
        MAPointAnnotation *annotaion = [MAPointAnnotation new];
        // 2. 指定坐標(biāo)位置
        annotaion.coordinate = userLocation.location.coordinate;
        // 3. 添加到地圖視圖
        [mapView addAnnotation:annotaion];
    }
    
    // 繪制軌跡模型
    [mapView addOverlay:[_sportTracking appendLocation:userLocation.location]];
}

注意:
在GPS信號(hào)好的時(shí)候,是1s調(diào)用一次代理方法.
這里得到userLocation.location位置信息的地址是相同的,所以不能通過userLocation來判斷用戶的位置是否發(fā)生變化

  • viewForAnnotation:
- (MAAnnotationView *)mapView:(MAMapView *)mapView viewForAnnotation:(id<MAAnnotation>)annotation {
    if (![annotation isKindOfClass:[MAPointAnnotation class]]) {
        return nil;
    }
    static NSString *annotaionId = @"annotaionId";
    MAAnnotationView *annotationView = [mapView dequeueReusableAnnotationViewWithIdentifier:annotaionId];
    if (annotationView == nil) {
        annotationView = [[MAAnnotationView alloc] initWithAnnotation:annotation reuseIdentifier:annotaionId];
    }
    UIImage *image = _sportTracking.SportImg;
    annotationView.image = image;
    annotationView.centerOffset = CGPointMake(0, -image.size.height * 0.5);
    
    return annotationView;
}

提示:
MAUserlocation 是系統(tǒng)定位用戶位置的默認(rèn)大頭針,顯示在地圖上是藍(lán)色的圓點(diǎn)
MAPointAnnotaion 是自定義的大頭針

MAUserlocation
MAPointAnnotaion

結(jié)語

添加自定義的一個(gè)起始大頭針的過程不難。實(shí)現(xiàn)兩個(gè)代理方法即可,先創(chuàng)建一個(gè)大頭針MAPointAnnotation。在創(chuàng)建的過程中注意要給它設(shè)置一個(gè)坐標(biāo)位置同時(shí)設(shè)置一個(gè)軌跡模型. 得到MAPointAnnotation后通過addAnnotaion:添加給地圖View
viewForAnnotation:返回自定義的大頭針view.
在此過程中要注意設(shè)置圖像的位置,需要讓其偏移一些,否則就蓋住了底層的定位圓點(diǎn).

annotationView.centerOffset = CGPointMake(0, -image.size.height * 0.5);
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。
  • 序言:七十年代末,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌,老刑警劉巖,帶你破解...
    沈念sama閱讀 229,460評(píng)論 6 538
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異,居然都是意外死亡,警方通過查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 99,067評(píng)論 3 423
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人,你說我怎么就攤上這事。” “怎么了?”我有些...
    開封第一講書人閱讀 177,467評(píng)論 0 382
  • 文/不壞的土叔 我叫張陵,是天一觀的道長。 經(jīng)常有香客問我,道長,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 63,468評(píng)論 1 316
  • 正文 為了忘掉前任,我火速辦了婚禮,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘。我一直安慰自己,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 72,184評(píng)論 6 410
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著,像睡著了一般。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 55,582評(píng)論 1 325
  • 那天,我揣著相機(jī)與錄音,去河邊找鬼。 笑死,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播,決...
    沈念sama閱讀 43,616評(píng)論 3 444
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 42,794評(píng)論 0 289
  • 序言:老撾萬榮一對(duì)情侶失蹤,失蹤者是張志新(化名)和其女友劉穎,沒想到半個(gè)月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 49,343評(píng)論 1 335
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 41,096評(píng)論 3 356
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 43,291評(píng)論 1 371
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情,我是刑警寧澤,帶...
    沈念sama閱讀 38,863評(píng)論 5 362
  • 正文 年R本政府宣布,位于F島的核電站,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 44,513評(píng)論 3 348
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧,春花似錦、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 34,941評(píng)論 0 28
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 36,190評(píng)論 1 291
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 52,026評(píng)論 3 396
  • 正文 我出身青樓,卻偏偏與公主長得像,于是被迫代替她去往敵國和親。 傳聞我的和親對(duì)象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 48,253評(píng)論 2 375

推薦閱讀更多精彩內(nèi)容