由于3月可能要結束實習，所以應該不會有特別固定的主題，另外我會在月初陸續(xù)補上上個月的番外篇Projection和TMS，作為介紹性的內容對矢量切片部分進行補充，剩下時間不定期寫一些雜燴。
最近兩天在做一個地圖上popup浮動層的功能，因為之前一直沿用OpenLayers2中自帶的popup組件，但OL2中實在是難以控制浮動層的樣式，遠不及直接在地圖上覆蓋div布局來的快，所以我決定暫時放棄使用popup，自己編寫一個浮動層。
一 問題的來源
設計草圖如下（樣式主要參照了百度地圖的彈出層），主要講這個彈出層分為了三級：1）location：地理位置信息和定位；2）images：圖片集；3）indexs：指數(shù)計算；
那么，這篇題外講的就是在實現(xiàn)功能的過程中遇到的一個小問題——圖片的縮略圖，在這里先簡單介紹一下背景和思路：利用OL2中的popup的被選中觸發(fā)的事件，填充已經(jīng)隱藏在頁面中的POI彈出層，而數(shù)據(jù)庫中存儲的是圖片的URL，圖片存儲在服務器上，在填充POI彈出層的圖片部分時，直接插入<img>元素，再利用JS部分的功能代碼對圖片進行重定義大小，最終實現(xiàn)將縮略圖顯示在我們的頁面上。
PS:其實這算不上是真正意義上的縮略圖，因為頁面在加載的時候，還是會加載完整的圖片，只是顯示的時候是以縮略的形式，并不會對頁面的加載速度有提升，在此只是為了實現(xiàn)這樣一個效果。
好了，那么問題在哪呢？我們先來看如何實現(xiàn)。
