build an osm mapping platform with drupal
DESCRIPTION
Build an OSM mapping platform with DrupalTRANSCRIPT
![Page 1: Build an OSM mapping platform with Drupal](https://reader038.vdocuments.site/reader038/viewer/2022102700/54b70f2f4a795912448b4842/html5/thumbnails/1.jpg)
OSM x
Drupal
劉婕昕OSM| HoshiLiu Drupal.org| Ohoshi Drupal TW| hoshi
地圖網站初體驗
SotM Taiwan 2013@Taipei
![Page 2: Build an OSM mapping platform with Drupal](https://reader038.vdocuments.site/reader038/viewer/2022102700/54b70f2f4a795912448b4842/html5/thumbnails/2.jpg)
地圖平台≠GIS平台
![Page 3: Build an OSM mapping platform with Drupal](https://reader038.vdocuments.site/reader038/viewer/2022102700/54b70f2f4a795912448b4842/html5/thumbnails/3.jpg)
Mapping…Mapping…
Mapping…
![Page 4: Build an OSM mapping platform with Drupal](https://reader038.vdocuments.site/reader038/viewer/2022102700/54b70f2f4a795912448b4842/html5/thumbnails/4.jpg)
Bacteria Monitoring WebsiteBaltimore City Department of Public Works and the Maryland Department of the Environment (MDE)
/ USA
![Page 5: Build an OSM mapping platform with Drupal](https://reader038.vdocuments.site/reader038/viewer/2022102700/54b70f2f4a795912448b4842/html5/thumbnails/5.jpg)
Afghanistan Election DataNational Democratic Institute (NDI) in partnership with Development Seed
/ USA
![Page 6: Build an OSM mapping platform with Drupal](https://reader038.vdocuments.site/reader038/viewer/2022102700/54b70f2f4a795912448b4842/html5/thumbnails/6.jpg)
SideshowSideshow Circus Magazine
/ United Kingdom
![Page 7: Build an OSM mapping platform with Drupal](https://reader038.vdocuments.site/reader038/viewer/2022102700/54b70f2f4a795912448b4842/html5/thumbnails/7.jpg)
BaCaarquitectesBaCa arquitectes
/ Spain
![Page 8: Build an OSM mapping platform with Drupal](https://reader038.vdocuments.site/reader038/viewer/2022102700/54b70f2f4a795912448b4842/html5/thumbnails/8.jpg)
BaCaarquitectesBaCa arquitectes
/ Spain
![Page 9: Build an OSM mapping platform with Drupal](https://reader038.vdocuments.site/reader038/viewer/2022102700/54b70f2f4a795912448b4842/html5/thumbnails/9.jpg)
DrupalCamp Taipei 2013網站改造馬拉松 OSM TW 2013
引言:
![Page 10: Build an OSM mapping platform with Drupal](https://reader038.vdocuments.site/reader038/viewer/2022102700/54b70f2f4a795912448b4842/html5/thumbnails/10.jpg)
Top Mashup Tags
![Page 11: Build an OSM mapping platform with Drupal](https://reader038.vdocuments.site/reader038/viewer/2022102700/54b70f2f4a795912448b4842/html5/thumbnails/11.jpg)
Top APIs for Mashups
![Page 12: Build an OSM mapping platform with Drupal](https://reader038.vdocuments.site/reader038/viewer/2022102700/54b70f2f4a795912448b4842/html5/thumbnails/12.jpg)
Mapping Services Directorysort by popularity
![Page 13: Build an OSM mapping platform with Drupal](https://reader038.vdocuments.site/reader038/viewer/2022102700/54b70f2f4a795912448b4842/html5/thumbnails/13.jpg)
Content Management System
內容管理系統
![Page 14: Build an OSM mapping platform with Drupal](https://reader038.vdocuments.site/reader038/viewer/2022102700/54b70f2f4a795912448b4842/html5/thumbnails/14.jpg)
Drupal is a Spatially-aware CMSAthan (2007)
![Page 15: Build an OSM mapping platform with Drupal](https://reader038.vdocuments.site/reader038/viewer/2022102700/54b70f2f4a795912448b4842/html5/thumbnails/15.jpg)
來用 Drupal快速架一個 OSM地圖的網站吧
![Page 16: Build an OSM mapping platform with Drupal](https://reader038.vdocuments.site/reader038/viewer/2022102700/54b70f2f4a795912448b4842/html5/thumbnails/16.jpg)
架站環境
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--
![Page 17: Build an OSM mapping platform with Drupal](https://reader038.vdocuments.site/reader038/viewer/2022102700/54b70f2f4a795912448b4842/html5/thumbnails/17.jpg)
架站環境
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--
![Page 18: Build an OSM mapping platform with Drupal](https://reader038.vdocuments.site/reader038/viewer/2022102700/54b70f2f4a795912448b4842/html5/thumbnails/18.jpg)
架站環境
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--
![Page 19: Build an OSM mapping platform with Drupal](https://reader038.vdocuments.site/reader038/viewer/2022102700/54b70f2f4a795912448b4842/html5/thumbnails/19.jpg)
Content TypeGeophp, Geofield, Geocoder, Address Field …
![Page 20: Build an OSM mapping platform with Drupal](https://reader038.vdocuments.site/reader038/viewer/2022102700/54b70f2f4a795912448b4842/html5/thumbnails/20.jpg)
![Page 21: Build an OSM mapping platform with Drupal](https://reader038.vdocuments.site/reader038/viewer/2022102700/54b70f2f4a795912448b4842/html5/thumbnails/21.jpg)
![Page 22: Build an OSM mapping platform with Drupal](https://reader038.vdocuments.site/reader038/viewer/2022102700/54b70f2f4a795912448b4842/html5/thumbnails/22.jpg)
Leaflet快速放一個 OSM地圖到網站裡!
官方模組下載: https://drupal.org/project/leaflet中文說明文: http://drupaltaiwan.org/module/leaflet
![Page 23: Build an OSM mapping platform with Drupal](https://reader038.vdocuments.site/reader038/viewer/2022102700/54b70f2f4a795912448b4842/html5/thumbnails/23.jpg)
Leaflet + Leaflet more map
![Page 24: Build an OSM mapping platform with Drupal](https://reader038.vdocuments.site/reader038/viewer/2022102700/54b70f2f4a795912448b4842/html5/thumbnails/24.jpg)
Leaflet + Leaflet more map
![Page 25: Build an OSM mapping platform with Drupal](https://reader038.vdocuments.site/reader038/viewer/2022102700/54b70f2f4a795912448b4842/html5/thumbnails/25.jpg)
Leaflet more map
![Page 26: Build an OSM mapping platform with Drupal](https://reader038.vdocuments.site/reader038/viewer/2022102700/54b70f2f4a795912448b4842/html5/thumbnails/26.jpg)
views
![Page 27: Build an OSM mapping platform with Drupal](https://reader038.vdocuments.site/reader038/viewer/2022102700/54b70f2f4a795912448b4842/html5/thumbnails/27.jpg)
OpenLayers讓地圖網站做得更多!
官方模組下載: https://drupal.org/project/openlayers
![Page 28: Build an OSM mapping platform with Drupal](https://reader038.vdocuments.site/reader038/viewer/2022102700/54b70f2f4a795912448b4842/html5/thumbnails/28.jpg)
OpenLayers.Layer.XYZ
![Page 29: Build an OSM mapping platform with Drupal](https://reader038.vdocuments.site/reader038/viewer/2022102700/54b70f2f4a795912448b4842/html5/thumbnails/29.jpg)
![Page 30: Build an OSM mapping platform with Drupal](https://reader038.vdocuments.site/reader038/viewer/2022102700/54b70f2f4a795912448b4842/html5/thumbnails/30.jpg)
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
![Page 31: Build an OSM mapping platform with Drupal](https://reader038.vdocuments.site/reader038/viewer/2022102700/54b70f2f4a795912448b4842/html5/thumbnails/31.jpg)
WIRED.TW (2013.06.10): MapBox如何利用開放數據畫出世界上最美的地圖?
![Page 32: Build an OSM mapping platform with Drupal](https://reader038.vdocuments.site/reader038/viewer/2022102700/54b70f2f4a795912448b4842/html5/thumbnails/32.jpg)
![Page 33: Build an OSM mapping platform with Drupal](https://reader038.vdocuments.site/reader038/viewer/2022102700/54b70f2f4a795912448b4842/html5/thumbnails/33.jpg)
![Page 34: Build an OSM mapping platform with Drupal](https://reader038.vdocuments.site/reader038/viewer/2022102700/54b70f2f4a795912448b4842/html5/thumbnails/34.jpg)
![Page 35: Build an OSM mapping platform with Drupal](https://reader038.vdocuments.site/reader038/viewer/2022102700/54b70f2f4a795912448b4842/html5/thumbnails/35.jpg)
MapBox custom: Leaflet + Leaflet Mapbox
![Page 36: Build an OSM mapping platform with Drupal](https://reader038.vdocuments.site/reader038/viewer/2022102700/54b70f2f4a795912448b4842/html5/thumbnails/36.jpg)
OSM+Drupal,除了圖台還可以做些什麼?
![Page 37: Build an OSM mapping platform with Drupal](https://reader038.vdocuments.site/reader038/viewer/2022102700/54b70f2f4a795912448b4842/html5/thumbnails/37.jpg)
Moodle和 Blackboard之類的線上學習系統…
![Page 38: Build an OSM mapping platform with Drupal](https://reader038.vdocuments.site/reader038/viewer/2022102700/54b70f2f4a795912448b4842/html5/thumbnails/38.jpg)
OSM + Drupal來做地理教學網站?
![Page 39: Build an OSM mapping platform with Drupal](https://reader038.vdocuments.site/reader038/viewer/2022102700/54b70f2f4a795912448b4842/html5/thumbnails/39.jpg)
Content Type
•假設……
![Page 40: Build an OSM mapping platform with Drupal](https://reader038.vdocuments.site/reader038/viewer/2022102700/54b70f2f4a795912448b4842/html5/thumbnails/40.jpg)
Using Modules• Wysiwyg (withCKeditor)• Geofield• OpenLayers (with geoPHP)• Adanced Forum• Views• Media (with Media: YouTube)
![Page 41: Build an OSM mapping platform with Drupal](https://reader038.vdocuments.site/reader038/viewer/2022102700/54b70f2f4a795912448b4842/html5/thumbnails/41.jpg)
![Page 42: Build an OSM mapping platform with Drupal](https://reader038.vdocuments.site/reader038/viewer/2022102700/54b70f2f4a795912448b4842/html5/thumbnails/42.jpg)
![Page 43: Build an OSM mapping platform with Drupal](https://reader038.vdocuments.site/reader038/viewer/2022102700/54b70f2f4a795912448b4842/html5/thumbnails/43.jpg)
![Page 44: Build an OSM mapping platform with Drupal](https://reader038.vdocuments.site/reader038/viewer/2022102700/54b70f2f4a795912448b4842/html5/thumbnails/44.jpg)
![Page 45: Build an OSM mapping platform with Drupal](https://reader038.vdocuments.site/reader038/viewer/2022102700/54b70f2f4a795912448b4842/html5/thumbnails/45.jpg)
![Page 46: Build an OSM mapping platform with Drupal](https://reader038.vdocuments.site/reader038/viewer/2022102700/54b70f2f4a795912448b4842/html5/thumbnails/46.jpg)
![Page 47: Build an OSM mapping platform with Drupal](https://reader038.vdocuments.site/reader038/viewer/2022102700/54b70f2f4a795912448b4842/html5/thumbnails/47.jpg)
•如果你沒個頭緒、如果你有點懶惰、如果你想一次把網站有的功能都架架出來、如果你想玩點新東西~來試試 OSM+Drupal吧!