Build an OSM mapping platform with Drupal

1. SotM Taiwan 2013@Taipei
劉婕昕
OSM｜HoshiLiu
Drupal.org｜Ohoshi
Drupal TW｜hoshi

2. 地圖平台≠GIS平台

3. Mapping…
Mapping…
Mapping…

4. Bacteria Monitoring Website
Baltimore City Department of Public Works and the Maryland Department of the Environment (MDE)
/ USA

5. Afghanistan Election Data
National Democratic Institute (NDI) in partnership with Development Seed
/ USA

6. Sideshow
Sideshow Circus Magazine
/ United Kingdom

7. BaCaarquitectes
BaCa arquitectes
/ Spain

8. BaCaarquitectes
BaCa arquitectes
/ Spain

9. 引言：
DrupalCamp Taipei 2013網站改造馬拉松
OSM TW 2013

10. Top Mashup Tags

11. Top APIs for Mashups

12. Mapping Services Directory
sort by popularity

13. Content Management System
內容管理系統

14. Drupal is a Spatially-aware CMS
Athan (2007)

15. 來用Drupal快速架一個OSM地圖的網站吧

16. Extend Drupal
Build an OSM mapping platform with Drupal-架站環境
Drupal core
Geophp,
LAMP
WAMP
MAMP
System requirements
Modules for content type
Geofield,
1. Download Drupal Core
2. Install it!
Now:
Drupal core 7.23
Drupal core 6.28
Drupal 8 is coming soon
Geocoder,
Address Field
Modules for mapping
Leaflet,
OpenLayers,
MapBox,
…
…
＋
Views

17. Extend Drupal
Build an OSM mapping platform with Drupal-架站環境
Drupal core
Geophp,
LAMP
WAMP
MAMP
System requirements
Modules for content type
Geofield,
1. Download Drupal Core
2. Install it!
Now:
Drupal core 7.23
Drupal core 6.28
Drupal 8 is coming soon
Geocoder,
Address Field
Modules for mapping
Leaflet,
OpenLayers,
MapBox,
…
…
＋
Views

18. Extend Drupal
Build an OSM mapping platform with Drupal-架站環境
Drupal core
Geophp,
LAMP
WAMP
MAMP
System requirements
Modules for content type
Geofield,
1. Download Drupal Core
2. Install it!
Now:
Drupal core 7.23
Drupal core 6.28
Drupal 8 is coming soon
Geocoder,
Address Field
Modules for mapping
Leaflet,
OpenLayers,
MapBox,
…
…
＋
Views

19. Content Type
Geophp, Geofield, Geocoder, Address Field …

22. Leaflet
快速放一個OSM地圖到網站裡！
官方模組下載：https://drupal.org/project/leaflet
中文說明文：http://drupaltaiwan.org/module/leaflet

23. Leaflet + Leaflet more map

24. Leaflet + Leaflet more map

25. Leaflet more
map

26. views

27. OpenLayers
讓地圖網站做得更多！
官方模組下載： https://drupal.org/project/openlayers

28. OpenLayers.Layer.XYZ

30. MapBox
來個有個性點的OSM！
Design custom maps. Easily add fast beautiful maps to your sites and apps.
MapBox官方網站：https://www.mapbox.com/
Leaflet MapBox模組：https://drupal.org/project/leaflet_mapbox

31. WIRED.TW (2013.06.10): MapBox如何利用開放數據畫出世界上最美的地圖？

35. MapBox custom: Leaflet + Leaflet Mapbox

36. OSM+Drupal，除了圖台還可以做些什麼？

37. Moodle和Blackboard之類的線上學習系統…

38. OSM + Drupal來做地理教學網站？

39. Content Type
• 假設……

40. Using Modules
• Wysiwyg (withCKeditor)
• Geofield
• OpenLayers (with geoPHP)
• Adanced Forum
• Views
• Media (with Media: YouTube)

47. • 如果你沒個頭緒、如果你有點懶惰、如果你想一次把網站有的功
能都架架出來、如果你想玩點新東西～來試試OSM+Drupal吧！

48. Thanks for your attention!!
slyr397@gmail.com