Build an OSM mapping platform with Drupal

OSM x

Drupal

劉婕昕OSM｜ HoshiLiu Drupal.org｜ Ohoshi Drupal TW｜ hoshi

地圖網站初體驗

SotM Taiwan 2013@Taipei

地圖平台≠GIS平台

Mapping…Mapping…

Mapping…

Bacteria Monitoring WebsiteBaltimore City Department of Public Works and the Maryland Department of the Environment (MDE)

/ USA

Afghanistan Election DataNational Democratic Institute (NDI) in partnership with Development Seed

/ USA

SideshowSideshow Circus Magazine

/ United Kingdom

BaCaarquitectesBaCa arquitectes

/ Spain

BaCaarquitectesBaCa arquitectes

/ Spain

DrupalCamp Taipei 2013網站改造馬拉松 OSM TW 2013

引言：

Top Mashup Tags

Top APIs for Mashups

Mapping Services Directorysort by popularity

Content Management System

內容管理系統

Drupal is a Spatially-aware CMSAthan (2007)

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

架站環境

LAMP

WAMP

MAMP

Drupal core

Modules for content type

Modules for mapping

Extend Drupal

1. Download Drupal Core2. Install it!

Now:Drupal core 7.23Drupal core 6.28

Drupal 8 is coming soon

System requirements

Geophp,

Geofield,

Geocoder,

Address Field

…

Leaflet,

OpenLayers,

MapBox,

…

＋

Views

Build an OSM mapping platform with Drupal--

架站環境

LAMP

WAMP

MAMP

Drupal core

Modules for content type

Modules for mapping

Extend Drupal

1. Download Drupal Core2. Install it!

Now:Drupal core 7.23Drupal core 6.28

Drupal 8 is coming soon

System requirements

Geophp,

Geofield,

Geocoder,

Address Field

…

Leaflet,

OpenLayers,

MapBox,

…

＋

Views

Build an OSM mapping platform with Drupal--

架站環境

LAMP

WAMP

MAMP

Drupal core

Modules for content type

Modules for mapping

Extend Drupal

1. Download Drupal Core2. Install it!

Now:Drupal core 7.23Drupal core 6.28

Drupal 8 is coming soon

System requirements

Geophp,

Geofield,

Geocoder,

Address Field

…

Leaflet,

OpenLayers,

MapBox,

…

＋

Views

Build an OSM mapping platform with Drupal--

Content TypeGeophp, Geofield, Geocoder, Address Field …

Leaflet快速放一個 OSM地圖到網站裡！

官方模組下載： https://drupal.org/project/leaflet中文說明文： http://drupaltaiwan.org/module/leaflet

Leaflet + Leaflet more map

Leaflet + Leaflet more map

Leaflet more map

views

OpenLayers讓地圖網站做得更多！

官方模組下載： https://drupal.org/project/openlayers

OpenLayers.Layer.XYZ

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

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

MapBox custom: Leaflet + Leaflet Mapbox

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

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

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

Content Type

•假設……

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

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

Thanks for your attention!!slyr397@gmail.com