2016北京站共享北京08與mapnink

1、2016 FME 世界之旅中國區(qū)連接我們的世界Mapnik制圖技術者姓名：劉科職務：FME技術支持主要內容一、Mapnink是什么二、FME給Mapnik帶來了什么三、MapninkRasterizer轉換器四、MapnikRaseterizer轉換器詳解五、DEMO一、Mapnik是什么?開源的地圖柵格化程序,可以通過它產生美麗的柵格圖像一、Mapnik介紹Mapnik是一個的、開源的基于C+和Python的地圖渲染工具包，其功能是把矢量和柵格數(shù)據(jù)形式的空間數(shù)據(jù)，通過一個樣式表的定義，渲染成柵格格式的位圖，用來提供 WMS（網絡地圖服務）。Mapnik主要用于渲染、美化出圖和面向一些提供 G

2、IS 服務的 Web 應用。下圖為使用mapnik渲染出來的街區(qū)圖：集成數(shù)百個數(shù)據(jù)格式的能力，創(chuàng)造更有意義的Mapnik制圖從多個不同來源的。該工作流可以很容易地擴展和自動化。FME可以很方便地建立一個Mapnik塊服務地圖圖二、FME給Mapnik帶來了什么4.無需編碼，通過FME的轉換器不需要任何CSS或XML語句：它僅僅需要接受即點即選的界面的參數(shù)設置，便可完成對符號和樣式的精確。三、MapninkRasterizer轉換器在FME2014版本中，F(xiàn)ME和Mapnik已經集成在一起用于創(chuàng)建MapnikRasterizer轉換器。它通過Mapnik工具箱繪制輸入的點、線、面和柵格要素到一張

3、柵格圖像中。與Mapnik本身相比,我們的MapninkRasterizer轉換器不需要任何編程技能,使用起來就像其他FME的轉換器一樣方便，只需通過設置參數(shù),并把數(shù)據(jù)通過相應的輸入端口輸入，便可以得到柵格化后的圖片。當然,我們以前也可以在FME中做出美觀的的柵格圖像但需要使用大量的轉換器.在前幾年,柵格需要用到大量器對顏色、樣進行分揀,現(xiàn) 轉換器都可以個MapnikRasMapnikRasterizer 一個大轉折用更少的轉換器繪制更美觀的地圖。10類要素符號化源:文字標注引擎Comp-op (圖像復合操作)作為MapnikRasterizer一個重要參數(shù)，Comp-op(圖像復合操作)，定

4、義了不同的圖層、要素或樣式的顏出不同的色彩效果。實現(xiàn)了要素遮用復合操作的示例一條線根據(jù)不PluComp-op (圖像復合操作)復合操作影響不同元素和風格的顏色和紋理的相互作用。不使用復合操作的話，目標圖層會直接覆蓋在源圖層上。如下圖：源圖層目標圖層不使用復合操作而使用各種復合操作都會有不同的效果，例如：33種復合操作類型下圖表格前兩列的操作圖層間如何相互遮擋，最后一列圖層間如何詳細可參考亞像素抗鋸齒抗鋸齒：又稱邊緣柔化、消除混疊、抗圖像折疊有損等。它是一種消除顯示器輸出的畫面中圖物邊緣出現(xiàn)凹凸鋸齒的技術，那些凹凸的鋸齒通常因為高分辨率的信號以低分辨率表示或無法準確運算出3D圖形坐標時所導致的圖

5、形混疊（aliasing）而產生的，反鋸齒技術能有效地解決這些問題。mapnink清晰的勻稱柔性圖形邊緣的實現(xiàn)，依賴于高質量的抗鋸齒功能。mapnink渲染圖片同分辨率下其他引擎渲染圖片無需代碼!四、MapnikRaseterizer轉換器詳解1.轉換器界面MapnikRaseterizer采用動態(tài)接口的方式類似InlineQuerier 的接口，用戶可以自行添加輸入端口，即要但輸出端口只有一個即柵格化后的圖片：渲染的圖層，2.轉換器參數(shù)參數(shù)設置大概可分為幾個部分：1)Input（輸入端口）當有輸入數(shù)據(jù)連接到該轉換器上的時候，會自動添加一個端口，然后用戶需要單獨給每一個輸入端口配置Style。

6、2)Raster Properties（柵格屬性）主要設置柵格圖片大小以及顏色解譯類型Size Specification：大小設定，可根據(jù)像素大小，或者像素數(shù)量，注意圖片本身的大小是固定的，所以像素越小像素數(shù)越多。Number OF Columns：列數(shù)Number OF Rows：行數(shù)Cell Spaceing：單元格（像素）大?。ㄅc矢量數(shù)據(jù)一致），有時候如果圖片出不來，或者報錯可能是單元格過小導致的。Interpretation Type：顏色解譯類型3)BackGround（背景色）可設定背景色，或者以某張圖片作為背景Color：背景色Color Alpha Value：顏色Image

7、：背景圖片4)圖片范圍柵格圖片大小。有兩種選擇，第一種根據(jù)輸入數(shù)據(jù)大小或者手工指定一個矩形框范圍，建議手工指定。第二種根據(jù)數(shù)據(jù)大小自動檢測圖片大小可能會不能完全包含數(shù)據(jù)內容，例如當邊界上的線渲染的過寬時，柵格計算線的寬度，因為矢量線是沒有寬度的，就會導致不能完全包含該線如圖示：左圖為自動檢測圖片大小生成的圖片，右圖為手工指定范圍生成的圖片3.10類要素符號化參數(shù)即渲染成圖片時的要素類型，mapnik有10 種類型可供選擇，每種類型的要素都有單獨的style（樣式），總體上大概包括顏色、樣式、平滑、位置、屬性、以及混合操作：（1）Building（）可以將面要素做成2.5D的樣式。其sytle樣

8、式的設置如右圖，渲染結果如下：（2）Line（線）其sytle樣式的設置如右圖：Line（Width）：線寬（為像素）Line Join：線的拐點處的銜接方式，如下圖：Line Cap：線的端點處的樣式。Line Dash Array：虛線，一對長度（a,b）其中a為實線長度b為空白長度，如果只給一個值則認為二者相等（此處為像素）。也可多對比如a,b,c,d代表兩種虛線方式如10,4,4,4二者交替進行，這種方式可以用來繪制境界線如下圖：第一組10 4第二組：4,4Line Miter Limit：斜接線長度，上面的linejoin設置為miter時，線的內外角之間的長度上限，設置為其他時該參

9、數(shù)無效。Position：線的偏移（像素）Smoothing：線的平滑，1完全平滑0不做平滑。線樣式舉例：Styles.fmw（3）Line Pattern（線填充）繪制比較復雜的線型時，可以用一個PNG圖片來繪制線：注意：線填充生成的線的寬度與選擇的png圖片分辨率大小有關。例如繪制一個linepatthon填充的線設置如下：（4）Markers（符號標記）可以用一個符號來標記一個點或線面邊界，這個符號可以是圓或箭頭或者一個svg或其他格式的圖片：Marker Type：標記類型，可以選擇圖形或者一個圖片文件（最好是SVG格式的圖片）。Marker Shape：當上面的標記類型選擇Shape

10、時，該參數(shù)會起作用，可以為自動，或者箭頭方向，或者橢圓。Marker Width：標記寬度Marker Height：標記高度Marker Line Width(pixels)：標記線寬度為像素。Color：包括標記的填充顏色，和標記線框顏色填充。Mark Placement：標記放置，可以選擇點，線和面邊界及中心，當輸入的要素分別為點線面時選擇點，標記的圖片會每個點標記一次，而選擇線是標記會沿線標注多次，選擇面時標記在面的內部。如下圖沿線標記：allow-overlap：標記壓蓋Marker Ignore Placement：忽略標記放置。Marker Spaceing：標記之間的距離（像素

11、）。Marker Max Error：標記偏移設定距離的大小，當Marker Spaceing設定時，該參數(shù)才有效。他的值為0-1的值比如0.2時如果Marker Spaceing如果設定為100則意味著標記可以偏移原位置 20。（5）Point（點）style樣式設置如下：Point Image File：點圖片文件，用來替換點的文件。Positioning：放置幾何中心，或者內部點的參數(shù)里面沒有的大小，則為放置圖片的實際像素大小，如圖片為300*300那么放置以后的像素仍為300*300。（6）Polygon（面）style樣式設置如下Polygon Color：面的填充顏色。Polygo

12、n Opacity：面1，不透明。，范圍為0.0-1.0,約接近0，越趨于透明，默認值為（7）Polygon Pattern（面填充）Polygon Pattern File:選擇圖片作為填充的符號，填充效果如下圖：Polygon Pattern Opacity：面填充明，默認值為1，不透明。，范圍為0.0-1.0,約接近0，越趨于透注意：面填充時內部的大小是根據(jù)圖片的分辨率大小和“面填充圖案對齊方式”參數(shù)進行的。（8）Raster（柵格）可以將柵格圖片作為渲染的一部分，或者為柵格圖片增加標注，符號等矢量柵格化后的要素。柵格比例參數(shù)：柵格的重采樣方法，柵格重采樣是將輸入圖像的像元值或推導值賦予

13、輸出圖像中每個像元的過程。這里提到的圖像為柵格數(shù)據(jù)，包括柵格（GRID）和影像（IMAGE）兩類。當輸入圖像和輸出圖像的位置（經過幾何變換或投影設置等操作）或像元大?。礀鸥裼跋穹直媛剩┌l(fā)生變化時，都需要進行柵格重采樣。包括了：最鄰近法、雙線性內插法、三次卷積內插法等。（9）Shield（擋板）為標注增加背景圖片Shield File：作為背景的圖片Shield Halo Color：字體光環(huán)顏色Shield Halo Radius：字體光環(huán)半徑Shiedl-dx：背景圖片和文字同時移動x方向上Shiedl-dy：背景圖片和文字同時移動y方向上（10）Text（文本）將文字渲染成柵格圖片。Fo

14、nt Name：字體名稱，注意漢字目前只能用arial unicode ms字體來渲染。Text Font Size：字體大小（像素）Text Opacity：字體Text Halo Fill：字體光環(huán)填充色Text Halo Radius：字體填充半徑Text Ratio：字體高寬比例，0代表禁用該參數(shù)Text Sapceing：沿線標注時兩次標注之間的距離，0表示只標注一次Text Character Spaceing：字符之間的寬度空白填充Text Line Spaceing：多行注記的行間距Text Label Position Tolerance：注記偏離設Text Dx：注記放置的

15、位置x值（像素）Text Dy：注記放置的位置y值（像素）Text Min Distance：注記之間的最小距離置的容差Text Allow Overlap：是否注記壓蓋Text Orientation：注記方向（角度）Text placement：注記放置方式點、線、節(jié)點、內部Text Horizontal Alignment：注記水平方向對其（注記與點的位置）Text Align：多長注記對其（auto是中心對其）Text Vertical Alignment：注記豎直方向對其（注記與點的位置）4.注意事項（1）Input的圖層順序會影響顯示，注意調整。此外要素的輸入順序和復合操作也會影響

16、圖層的顯示順序。因此我們可以利用sorter轉換器對要素進行排序。并選擇所需的復合操作類型。（2）像素設定的過小經常會導致結果無法生成（一直在運行）或其他錯誤（日志無詳細錯誤）。（3）Ground Extends設定過小，可能會導致空白圖片，如果沒有全部包含矢量數(shù)據(jù)。（4）進行Text（文本）符號化時，中文漢字目前只能用arial unicode ms字體來渲染，否則會變成“口”，我們需要安裝此字體。（5）選擇線填充、面填充、標記等png圖片文件時，不能有中文路徑，否則會報錯MapnikRasterizer(MapnikFactory): Invalid Mapnik style config

17、uration. The errorwas: file could not be found: 'png文件路徑' in style 'Created' inLinePatternSymbolizer at line 5 of'C:UsersADMINI1AppDataLocalTempmapnikfactory1422516923392_15944style.xml'六、DemoDemo1:單數(shù)據(jù)源的多種樣式讓我們看一個面數(shù)據(jù),只使用五個基本符號來渲染它線、面、線填充、面填充、文本。下面的插圖顯示了轉換器只有一個輸入端口(“BC”)。在“Map

18、nikRasterizer參數(shù)”對話框中添加五層用于面的內部樣式、背景顏色,邊界線和文字說明。Demo 2: 街道圖1.可將符號化屬性通過使用excel進行外部樣式定義2.Mapnik文本標注引擎Demo 2: 街道圖根據(jù)街道的中心線“寬度”屬性對其進行分類， 將線分為3類，每類賦值一個分類id，用于排 序通過excel表配置線的顏色、標注文本大小 等符號化屬性，首先我們通過sorter按照id控制數(shù)據(jù)輸入的先后順序（后輸入壓蓋先輸入）之后再Mapnink轉換器圖層順序以及復合操作類型，來3類線的疊加顯示順序。Demo32.5D樣式使圖片看起來有3D效果不僅可以應用與和面要素 還可以用于文本的

19、顯示。42Demo 4: 臉的輪廓來自一組地圖線和面的臉部輪廓的靈感由Ed Fairborn()。與Ed的圖紙不同的是：這張地圖是由完全由FME自動生成的。43Demo 5: 森林的隨機分布一個點云與Mapnink結合的例子,展示了如何使用點云隨機分配點符號的位置。44Demo7 :對Mapnink柵格化圖片切片1.圖片切片利用WebMapTiler轉換器（注意輸入的柵格在EPSG:3857坐標系內，需要利用CoordinateSystemSetter 和CsmapReprojector重定義坐標系和投影），Quadkey屬性被Bing地圖用作在特定的詳細級別上瓦片的唯一標識。為基于四叉樹的瓦片方案創(chuàng)建）。我們以該屬性作為生成的png圖