高德地圖自定義標注AnnotationView莫湘,滑動防止數(shù)據(jù)混亂

<link rel="stylesheet" >

<script src="http://code.jquery.com/jquery-1.7.2.min.js"></script>

<script src="http://yandex.st/highlightjs/6.2/highlight.min.js"></script>

<script>hljs.initHighlightingOnLoad();</script>

<script type="text/javascript">

$(document).ready(function(){

$("h2,h3,h4,h5,h6").each(function(i,item){

var tag = $(item).get(0).localName;

$(item).attr("id","wow"+i);

$("#category").append('<a class="new'+tag+'" href="#wow'+i+'">'+$(this).text()+'</a></br>');

$(".newh2").css("margin-left",0);

$(".newh3").css("margin-left",20);

$(".newh4").css("margin-left",40);

$(".newh5").css("margin-left",60);

$(".newh6").css("margin-left",80);

});

});

</script>

<div id="category"></div>

槽點滿滿

不知各位使用過地圖的同僚們有沒有遇到過一個很奇怪的問題:自定義地圖標注AnnotationView時候尤蒿,完全按著高德地圖的Demo寫代碼,當每個AnnotationView模型數(shù)據(jù)不同時候幅垮,快速滑動地圖使得AnnotationView在地圖可視區(qū)域范圍 內腰池、外來回切換時,會出現(xiàn)數(shù)據(jù)混亂忙芒。這個問題是我很久很久之前發(fā)現(xiàn)的示弓,當時我是通過禁用重用機制來解決的,即是每次AnnotationView出現(xiàn)時都要alloc呵萨,不會從緩存池獲取奏属。前兩天我重新研究了一下,也是各種百度都沒有找到相應的好的解決方法潮峦,無奈硬著頭皮上咯??

現(xiàn)象滿滿

- (MAAnnotationView *)mapView:(MAMapView *)mapView viewForAnnotation:(id<MAAnnotation>)annotation 這個回調函數(shù)自我感覺和UITableView的重用還不太一樣<也有可能本人水平有限囱皿,當我沒說??>,UITableView的回調有個IndexPath能夠在這個毒地方把數(shù)據(jù)源和Cell 綁定上忱嘹,現(xiàn)在圖片是有的铆帽,但是一滑動數(shù)據(jù)全亂了,如圖<1>德谅,下圖是我使勁滑動了很多次之后的效果爹橱,可以明顯看到小的AnnotationView邊沿很黑很黑的,而且旁邊還出現(xiàn)了一個不該有的空白的大的AnnotationView,最右側大的AnnotationView也是一樣愧驱,看圖層可以發(fā)現(xiàn)重疊了很多AnnotationView

圖<1>

解決方法

由于自定義的每個AnnotationView的數(shù)據(jù)都不一樣慰技,包括背景圖片,而每個AnnotationView都有一個關聯(lián)的Annotation组砚,所以應該從這兒入手吻商,滑動地圖每次AnnotationView出現(xiàn)在可視區(qū)域內的時候,都會執(zhí)行圖<2>中的 117行 代碼糟红,把對應的數(shù)據(jù)賦值給對應的AnnotationView艾帐,在自定義的AnnotationView類中,一定要重寫- (void)setAnnotation:(id<MAAnnotation>)annotation;盆偿。具體怎么實現(xiàn)的柒爸,我 Demo 中都注釋好了,需要的話去點擊 Demo 傳送門 去我 Github上下載吧??事扭。

圖<2>

解決之后的效果圖如圖<3>捎稚,無論怎么滑動都不會出現(xiàn)了。

圖<3>

PS:千里之外求橄,始于足下今野,萬分喜愛源自點贊、評論+喜歡??

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
  • 序言:七十年代末罐农,一起剝皮案震驚了整個濱河市条霜,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌涵亏,老刑警劉巖蛔外,帶你破解...
    沈念sama閱讀 217,734評論 6 505
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異溯乒,居然都是意外死亡夹厌,警方通過查閱死者的電腦和手機,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,931評論 3 394
  • 文/潘曉璐 我一進店門裆悄,熙熙樓的掌柜王于貴愁眉苦臉地迎上來矛纹,“玉大人,你說我怎么就攤上這事光稼』蚰希” “怎么了?”我有些...
    開封第一講書人閱讀 164,133評論 0 354
  • 文/不壞的土叔 我叫張陵艾君,是天一觀的道長采够。 經(jīng)常有香客問我,道長冰垄,這世上最難降的妖魔是什么蹬癌? 我笑而不...
    開封第一講書人閱讀 58,532評論 1 293
  • 正文 為了忘掉前任,我火速辦了婚禮,結果婚禮上逝薪,老公的妹妹穿的比我還像新娘隅要。我一直安慰自己,他們只是感情好董济,可當我...
    茶點故事閱讀 67,585評論 6 392
  • 文/花漫 我一把揭開白布步清。 她就那樣靜靜地躺著,像睡著了一般虏肾。 火紅的嫁衣襯著肌膚如雪廓啊。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 51,462評論 1 302
  • 那天封豪,我揣著相機與錄音谴轮,去河邊找鬼。 笑死撑毛,一個胖子當著我的面吹牛,可吹牛的內容都是我干的唧领。 我是一名探鬼主播藻雌,決...
    沈念sama閱讀 40,262評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼斩个!你這毒婦竟也來了胯杭?” 一聲冷哼從身側響起,我...
    開封第一講書人閱讀 39,153評論 0 276
  • 序言:老撾萬榮一對情侶失蹤受啥,失蹤者是張志新(化名)和其女友劉穎做个,沒想到半個月后,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體滚局,經(jīng)...
    沈念sama閱讀 45,587評論 1 314
  • 正文 獨居荒郊野嶺守林人離奇死亡居暖,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內容為張勛視角 年9月15日...
    茶點故事閱讀 37,792評論 3 336
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了藤肢。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片太闺。...
    茶點故事閱讀 39,919評論 1 348
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖嘁圈,靈堂內的尸體忽然破棺而出省骂,到底是詐尸還是另有隱情,我是刑警寧澤最住,帶...
    沈念sama閱讀 35,635評論 5 345
  • 正文 年R本政府宣布钞澳,位于F島的核電站,受9級特大地震影響涨缚,放射性物質發(fā)生泄漏轧粟。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 41,237評論 3 329
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望逃延。 院中可真熱鬧览妖,春花似錦、人聲如沸揽祥。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,855評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽拄丰。三九已至府树,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間料按,已是汗流浹背奄侠。 一陣腳步聲響...
    開封第一講書人閱讀 32,983評論 1 269
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留载矿,地道東北人垄潮。 一個月前我還...
    沈念sama閱讀 48,048評論 3 370
  • 正文 我出身青樓,卻偏偏與公主長得像闷盔,于是被迫代替她去往敵國和親弯洗。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 44,864評論 2 354

推薦閱讀更多精彩內容