Geoserver篇
注意：
1）用法
GeoServer-Extension的使用方法：將jar包直接放入部署在tomcat上的geoserver/WEB-INF/lib文件夾中
2）在安裝插件時，一定要注意版本是否匹配，本文介紹的插件均默認在GeoServer2.11環境下
3）官方文檔地址
http://docs.geoserver.org/maintain/en/user/extensions/index.html
4）插件下載地址：
http://ares.boundlessgeo.com/geoserver/master/ext-latest/
GeoServer各插件詳細說明：（默認GeoServer 2.11版環境）
1 Geoserver-2.11-SNAPSHOT-vectortiles-plugin 【矢量切片(Vector Tile)】
矢量切片插件，通過該插件可以在GeoServer的Web客戶端中進行矢量切片的配置
關於GeoServer矢量切片的相關詳細操作請參照我的博客：http://www.cnblogs.com/escage/p/6387529.html
2 geoserver-2.11-SNAPSHOT-css-plugin【地圖樣式(Style)】
在CSS插件安裝成功後，在GeoServer的Web管理頁面中的左菜單欄中可以看到多出了一個CSS Styles的選項卡，如下圖：
簡單來說，其實這個插件就是將複雜難懂的SLD樣式控制模式轉換成爲大家熟悉的CSS模式，用簡單的聲明式語句就能夠替代冗餘複雜的SLD文件，更加輕鬆地控制地圖要素的樣式，例如（例子摘自GeoServer官方文檔）：
SLD文檔：
<Rule> <Title>2M - 4M</Title> <ogc:Filter> <ogc:PropertyIsBetween> <ogc:PropertyName>PERSONS</ogc:PropertyName> <ogc:LowerBoundary> <ogc:Literal>2000000</ogc:Literal> </ogc:LowerBoundary> <ogc:UpperBoundary> <ogc:Literal>4000000</ogc:Literal> </ogc:UpperBoundary> </ogc:PropertyIsBetween> </ogc:Filter> <PolygonSymbolizer> <Fill> <!-- CssParameters allowed are fill (the color) and fill-opacity --> <CssParameter name="fill">#FF4D4D</CssParameter> <CssParameter name="fill-opacity">0.7</CssParameter> </Fill> </PolygonSymbolizer> </Rule>
以上文檔產生的效果等同於以下CSS：
[PERSONS >= 2000000] [PERSONS < 4000000] { fill: #FF4D4D; fill-opacity: 0.7; }
雖然該插件允許你使用CSS樣式文件對地圖數據進行樣式控制，但本質上，還是將CSS轉換爲了SLD文檔。這個插件值得注意的點在於：可以用類似於過濾器的模式，對不同的字段設定分級分段規則（RULE），並與之設置一一對應的樣式（CSS）【包括標註Label】
PS:在控制地圖樣式的時候，你需要設置SLD文件，通常情況下，你可以通過Udig進行地圖配色，然後從Udig中導出和配色方案相應的sld文件，最後直接上傳發布到GeoServer上即可，詳情可見：http://www.3fwork.com/b501/000143MYM020576/
3 Geoserver-2.11-SNAPSHOT-querylayer-plugin【空間查詢】
該插件主要是用來進行圖層之間的幾何要素空間查詢的，一般可以通過SLD文件中以XML文檔的形式設定RULE或者通過WMS、WFS請求中以CQL語句描述的方式自帶請求參數這兩種方式進行空間要素查詢。在官方文檔的介紹中，該插件主要提供了3種過濾查詢的模式：1) querySingle ; 2) queryCollection ; 3) collectGeometries。
4 Geoserver-2.11-SNAPSHOT-gdal-plugin
Geoserver默認支持的柵格數據源比較少，包括ArcGrid，GeoTiff，WorldImage，ImageMosaic等，是不支持Erdas Img格式的柵格數據源的，因此，爲了能夠讓Geoserver支持發佈Erdas Img格式的數據源，需要用GDAL的插件對Geoserver進行擴展。
參考資料：《Geoserver擴展以支持Erdas Image數據的服務發佈》：http://blog.csdn.net/gisshixisheng/article/details/51263686
5 Geoserver-2.11-SNAPSHOT-oracle-plugin.zip / Geoserver-2.11-SNAPSHOT-mysql-plugin.zip / Geoserver-2.11-SNAPSHOT-sqlserver-plugin.zip【各大數據庫連接插件】
常用的數據庫插件，用於拓展添加數據的數據源，即通過添加這些插件，可以達到以oracle, mysql, sqlserver等數據庫爲數據源的目的
---------------------------------------------------------------分割線--------------------------------------------------------------------
OpenLayers3篇
基礎功能：
1 ol-ext-gh-pages
這是一個關於OL3拓展系列的組件集，裏面分爲了Style, Animation, Filter, Interactions等多個有趣的專題，可以拓展你使用OL3的思路，十分推薦！
Style
Animate
Control
Github fork該作者請戳這裏: https://github.com/Viglino/ol3-ext
2 ol3-search-layer-master/ol3-contextmenu-master/ol3-loadingpanel-master
以上是幾個比較常見的開源組件，其中包括了圖層查詢，菜單欄效果以及讀條效果等，可以幫助你更方便快捷的實現GIS系統的UI部分。
高級功能：
3 ol3editor-master
地圖編輯器，在線製圖的一個小demo，適合在有web製圖需求的時候使用該組件
Demo界面
4 ol3-echarts3-master
這是一個結合了Echart組件的一個綜合體，適合使用在地圖信息與屬性數據關聯緊密，業務邏輯結合地圖實現等情景下，將數據在地圖上鋪開，從而爲後續的數據分析與關係挖掘提供基礎。
5 ol3-cesium-demo-master
該組件結合Cesium框架，實現了二三維聯動的效果，但demo目前無法成功打開，所以穩定性方面還有待確認，另外使用Cesium框架，必須確保使用的瀏覽器要支持WebGL。
以上關於OpenLayers3的各種組件工具，都可以在github上找到其源碼，如感興趣可以在github上搜索即可。