首頁 > QGIS, 操作功能 > QGIS plugin – qgis2leaf 讓你在QGIS上的專案變成網頁(html)型式

QGIS plugin – qgis2leaf 讓你在QGIS上的專案變成網頁(html)型式

2014年12月25日 發表評論 閱讀評論

qgis2leaf 這個附加元件可以讓我們在電腦中使用QGIS編排/製作完成的地圖,以網頁(html)的方式呈現,具體作法如下:

 

1. 在「附加元件」→「管理與安裝附加元件」中,找到「qgis2leaf」這個工具,點擊安裝。

2. 本例中將會使用全球的機場資料作為範例,資料來源為Natural Earth

3. 先將機場的shape file(ne_10m_airports.shp)加入QGIS中,加入後可以發現當中欄位type為辨別機場等級的欄位。

4. 開啓qgis2leaf工具,依序將「get layer」、「frame width / height」、「Output project folder」、「base map」「Output project folder」等欄位設定完畢後,點擊「OK」(輸出資料夾必需全英文路徑否則會有錯誤訊息產生)。

5. 產生出網頁如下圖。

6. 若要以自訂的圖示展示,則需在向量圖層中加入一欄”icon_exp”,並加入所想要的圖示檔案名稱。在本例中我們以amenity=airport.svg及transport_airport.svg這兩個不同方向的飛機樣式做為主要機場和其他機場的區分。

7. 上述提到的兩個檔案,皆可在”您的QGIS安裝資料夾\apps\qgis\svg\transport\”中找到,將其複製至qgis2leaf輸出資料夾中,即可得如下圖所示。

Categories: QGIS, 操作功能 Tags:
  1. 目前尚無任何的評論。
評論分頁
1 2 3 2950
  1. 2019年12月31日05:27 | #1
  2. 2020年1月17日21:50 | #2
  3. 2020年1月25日23:35 | #3
  4. 2020年1月29日23:17 | #4
  5. 2020年2月3日15:30 | #5
  6. 2020年2月3日16:07 | #6
  7. 2020年2月3日16:25 | #7
  8. 2020年2月7日17:14 | #8
  9. 2020年2月10日21:23 | #9
  10. 2020年2月16日19:02 | #10
  11. 2020年2月17日16:13 | #11
  12. 2020年2月17日16:54 | #12
  13. 2020年2月17日17:46 | #13
  14. 2020年2月21日05:29 | #14
  15. 2020年2月21日06:44 | #15
  16. 2020年2月28日03:26 | #16
  17. 2020年3月10日00:31 | #17
  18. 2020年3月10日01:14 | #18
  19. 2020年3月10日19:37 | #19
  20. 2020年3月10日20:21 | #20
  21. 2020年3月16日18:59 | #21
  22. 2020年3月18日18:16 | #22
  23. 2020年3月20日07:28 | #23
  24. 2020年3月20日21:58 | #24
  25. 2020年4月10日16:38 | #25
  26. 2020年4月20日17:28 | #26
  27. 2020年4月21日05:05 | #27
  28. 2020年4月25日05:38 | #28
  29. 2020年4月27日06:35 | #29
  30. 2020年5月13日17:11 | #30
  31. 2020年5月13日18:19 | #31
  32. 2020年5月13日19:33 | #32
  33. 2020年5月13日23:13 | #33
  34. 2020年6月6日14:29 | #34
  35. 2020年6月6日14:53 | #35
  36. 2020年6月15日05:44 | #36
  37. 2020年6月16日08:23 | #37
  38. 2020年6月16日09:23 | #38
  39. 2020年6月16日22:08 | #39
  40. 2020年7月12日01:29 | #40
  41. 2020年7月16日01:09 | #41
  42. 2020年7月22日02:41 | #42
  43. 2020年8月11日01:44 | #43
  44. 2020年8月12日19:40 | #44
  45. 2020年8月12日19:59 | #45
  46. 2020年8月13日15:37 | #46
  47. 2020年8月21日19:43 | #47
  48. 2020年8月22日04:15 | #48
  49. 2020年8月27日23:31 | #49
  50. 2020年8月28日08:30 | #50
您必須 登入 後才能發表評論。