目前，有很多WebGIS開發(fā)包，ArcGIS API for JS、OpenLayers、LeafLetjs等為我們從事WebGIS開發(fā)的人封裝了很多強(qiáng)大的功能。我們很方便的使用這些庫(kù)的時(shí)候，也讓我們忽略了很多原理性的東西。
比如說(shuō)，我之前一直在被一個(gè)問(wèn)題困擾，就是如何將一個(gè)點(diǎn)正確的顯示在瀏覽器屏幕的正確的位置，即經(jīng)緯度坐標(biāo)和屏幕坐標(biāo)的轉(zhuǎn)換問(wèn)題。直到我看到一位大牛的博客（點(diǎn)擊學(xué)習(xí)），里面對(duì)WebGIS的原理進(jìn)行了深入的講解。看了他的文章后一直覺得，我寫這篇文章是多余的。但是大神的文章里面并沒有詳細(xì)講解原理的代碼實(shí)現(xiàn)。個(gè)人覺得還是很有必要通過(guò)實(shí)現(xiàn)相應(yīng)功能的方式了解其原理，而且實(shí)現(xiàn)時(shí)還是遇到了不少的問(wèn)題，所以還是寫了這篇文章。
在線地圖及參數(shù)
以Arcgis online上的瓦片地圖為例，服務(wù)中有幾個(gè)比較關(guān)鍵的使用到的參數(shù)。
Height、Weight：每個(gè)瓦片的寬度和高度
Resolution：每一個(gè)縮放級(jí)別下1像素代表的地圖單位（投影坐標(biāo)）
Initial Extent：瓦片地圖的范圍
