天天看點

OpenLayers+Geoserver 簡單入坑GeoserverOpenlayers

Geoserver

        釋出一個shp資料

                         1  将要釋出的資料放入資料存放的檔案夾

OpenLayers+Geoserver 簡單入坑GeoserverOpenlayers

                         2  如圖打開Geoserver的釋出資料界面

OpenLayers+Geoserver 簡單入坑GeoserverOpenlayers
OpenLayers+Geoserver 簡單入坑GeoserverOpenlayers

                         3   這裡我們選擇shp的對應格式

OpenLayers+Geoserver 簡單入坑GeoserverOpenlayers
OpenLayers+Geoserver 簡單入坑GeoserverOpenlayers

                         4   注意如果shp中有中文記得修改編碼格式,點選儲存後選擇釋出

OpenLayers+Geoserver 簡單入坑GeoserverOpenlayers

                          5   填寫坐标和顯示範圍等

OpenLayers+Geoserver 簡單入坑GeoserverOpenlayers
OpenLayers+Geoserver 簡單入坑GeoserverOpenlayers

                                        如果你想修改shp的樣式可以在"釋出"中的預設樣式的下拉菜單中選擇一個自己喜歡的,你也可以自定義這些樣式                                         

OpenLayers+Geoserver 簡單入坑GeoserverOpenlayers
OpenLayers+Geoserver 簡單入坑GeoserverOpenlayers

                                         自定義樣式的方法如下(這一步最後在釋出shp之前做好,你可以先跳過這個嘗試)                                          

OpenLayers+Geoserver 簡單入坑GeoserverOpenlayers

                                         填寫對應的參數,簡單sld并不需要我們自己寫,我們可以借助于udig生成。唯一值得注意的是編碼的格式記得修改。                                         

OpenLayers+Geoserver 簡單入坑GeoserverOpenlayers
OpenLayers+Geoserver 簡單入坑GeoserverOpenlayers

                                         udig中生成一個sld的方法是在圖層上右鍵選擇changestyle,設定自己想要的屬性後将左邊欄下XML烤出即可                                          

OpenLayers+Geoserver 簡單入坑GeoserverOpenlayers
OpenLayers+Geoserver 簡單入坑GeoserverOpenlayers

                                         在選擇好shp的樣式後點選儲存我們就可以在圖層預覽選項中選擇Openlayers檢視到我們釋出的資料啦。下圖是一個簡單的例子。                                          

OpenLayers+Geoserver 簡單入坑GeoserverOpenlayers
OpenLayers+Geoserver 簡單入坑GeoserverOpenlayers

Openlayers

                         在Openlayers中加載我們釋出的資料,我們可以在Geoserver中直接檢視怎麼加載我們釋出的資料,在預覽資料的網頁上直接檢視代碼,裡面還有一些點選查詢,模糊查詢的代碼,是不是很爽!我相信聰明的你一定知道怎麼做的。下圖是一個簡單的示範。                         

OpenLayers+Geoserver 簡單入坑GeoserverOpenlayers
OpenLayers+Geoserver 簡單入坑GeoserverOpenlayers

繼續閱讀