openlayers3中Geojson加載要素互相遮蓋妙解

? ? ?openlayers3中記載geojson文件趁餐,其實(shí)沒有那么難喷兼,官網(wǎng)有例子,網(wǎng)上有demo后雷,是呀季惯,加載個圖形,線段或者點(diǎn)的很容易臀突,但是哥這次加載的是一幅json格式的室內(nèi)地圖(高逼格)勉抓,各種圖形錯綜復(fù)雜,交疊更替候学,一會上一會下藕筋,額。說哪去了梳码。念逞。小伙伴不要想多哦~ (壞笑),由此來說边翁,不可避免的就是要素的互相遮蓋導(dǎo)致顯示不全的問題。

? ? 事情的起因是這樣的硕盹,我用了一個很普通的矢量圖層符匾,ol.source.Vector來放置json要素,為了提高加載效率呢瘩例,我選擇了ol.layer.Image來作為要素的承載圖層啊胶,運(yùn)行結(jié)果是當(dāng)縮放級別不是很大的時候顯示的很全,但是進(jìn)一步縮放的話呢垛贤,會出現(xiàn)部分要素圖形消失或者移位焰坪。我了個去,見鬼了塞聘惦,經(jīng)過多方調(diào)試某饰,最終無恥的我判定是ol3的bug(壞笑再一次)。

? ? 算了,還是按套路出牌的吧黔漂,改成用ol.layer.vector來作為要素的承載圖層诫尽,咦?果然好了炬守。圖形要素不會無緣無故的消失了牧嫉,也不會移位了,但是有些圖形壓根就不顯示了减途,我了個去酣藻。。這次也按套路出牌了鳍置,怎么還不行辽剧?好吧,calm down baby墓捻,再確認(rèn)了圖形以及加載邏輯沒問題的情況下抖仅,我開始將目光慢慢的轉(zhuǎn)向用于渲染的style這個家伙了,在加載geojson的時候是json里面的特定的順序加載的砖第,白話來講就是一層壓一層撤卢,假如最上面那層是個大的要素,還是最后被渲染梧兼,就是不是就慘了放吩,前面的圖形要素全被無情的壓在了下面。羽杰。(不要笑渡紫!壞銀)好吧,解決問題的方法隨之而來考赛,那就是把大塊的作為底圖的要素不管你啥時候加載(加載順序可能是隨機(jī)的)惕澎,就讓你保持在最下面。颜骤。(還笑唧喉,嘿嘿我也不是什么好人)?

? ?慶幸的是Ol3中提供這樣了利器,那就是zIndex忍抽,如下圖八孝。

zIndex

? 將最大塊的作為底圖的要素的style的zIndex設(shè)置成1000,其他上面的設(shè)置成2000鸠项。這樣子事情完美解決了干跛!

? ?誰也不會壓著誰了。祟绊。吼吼吼^_^

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末楼入,一起剝皮案震驚了整個濱河市哥捕,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌浅辙,老刑警劉巖扭弧,帶你破解...
    沈念sama閱讀 216,997評論 6 502
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異记舆,居然都是意外死亡鸽捻,警方通過查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,603評論 3 392
  • 文/潘曉璐 我一進(jìn)店門泽腮,熙熙樓的掌柜王于貴愁眉苦臉地迎上來御蒲,“玉大人,你說我怎么就攤上這事诊赊『衤” “怎么了?”我有些...
    開封第一講書人閱讀 163,359評論 0 353
  • 文/不壞的土叔 我叫張陵碧磅,是天一觀的道長碘箍。 經(jīng)常有香客問我,道長鲸郊,這世上最難降的妖魔是什么丰榴? 我笑而不...
    開封第一講書人閱讀 58,309評論 1 292
  • 正文 為了忘掉前任,我火速辦了婚禮秆撮,結(jié)果婚禮上四濒,老公的妹妹穿的比我還像新娘。我一直安慰自己职辨,他們只是感情好盗蟆,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,346評論 6 390
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著舒裤,像睡著了一般喳资。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上腾供,一...
    開封第一講書人閱讀 51,258評論 1 300
  • 那天骨饿,我揣著相機(jī)與錄音,去河邊找鬼台腥。 笑死,一個胖子當(dāng)著我的面吹牛绒北,可吹牛的內(nèi)容都是我干的黎侈。 我是一名探鬼主播,決...
    沈念sama閱讀 40,122評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼闷游,長吁一口氣:“原來是場噩夢啊……” “哼峻汉!你這毒婦竟也來了贴汪?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 38,970評論 0 275
  • 序言:老撾萬榮一對情侶失蹤休吠,失蹤者是張志新(化名)和其女友劉穎扳埂,沒想到半個月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體瘤礁,經(jīng)...
    沈念sama閱讀 45,403評論 1 313
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡阳懂,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,596評論 3 334
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了柜思。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片岩调。...
    茶點(diǎn)故事閱讀 39,769評論 1 348
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖赡盘,靈堂內(nèi)的尸體忽然破棺而出号枕,到底是詐尸還是另有隱情,我是刑警寧澤陨享,帶...
    沈念sama閱讀 35,464評論 5 344
  • 正文 年R本政府宣布葱淳,位于F島的核電站,受9級特大地震影響抛姑,放射性物質(zhì)發(fā)生泄漏赞厕。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,075評論 3 327
  • 文/蒙蒙 一途戒、第九天 我趴在偏房一處隱蔽的房頂上張望坑傅。 院中可真熱鬧,春花似錦喷斋、人聲如沸唁毒。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,705評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽浆西。三九已至,卻和暖如春顽腾,著一層夾襖步出監(jiān)牢的瞬間近零,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 32,848評論 1 269
  • 我被黑心中介騙來泰國打工抄肖, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留久信,地道東北人。 一個月前我還...
    沈念sama閱讀 47,831評論 2 370
  • 正文 我出身青樓漓摩,卻偏偏與公主長得像裙士,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子管毙,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,678評論 2 354

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