研究筆記 - Javascript plot
編輯歷史
| 時間 | 作者 | 版本 |
|---|---|---|
| 2015-10-29 00:12 – 01:25 | r218 – r449 | |
顯示 diff 研究筆記 - Javascript plot
-
-
-
- Javascript 視覺化套件
- plotly.js
-
+ *不必寫程式就可以開始視覺化
Google Map 資料匯入
* Google Map 可匯入 CSV、TSV、KML、KMZ、GPX 或 XLSX，一個圖層只能匯入一個資料檔案，每個檔案最多可以有 2,000 列資料。[官方說明]
+ Google Fusion Table，不用寫 code 也可以產生主題地圖 (利用Google sheet做資料轉換)
+ *http://kuro.tw/posts/2015/10/15/using-google-fusion-table-without-writing-code-or-topic-maps
+ 來把地理資訊往 GitHub 丟吧！
+ *http://ronny.wang/blog/post/39728713-%E4%BE%86%E6%8A%8A%E5%9C%B0%E7%90%86%E8%B3%87%E8%A8%8A%E5%BE%80-github-%E4%B8%9F%E5%90%A7%EF%BC%81
+ *http://github.ronny.tw/ronnywang/twgeojson/blob/master/twvillage2010.json#24.16007121250198,120.06559445335506,7
+ *Google Map API 相關使用方法
Google Map Visualization
* Google Maps Javascript API 輸出的 GeoJSON 預設的樣式是黑線，可透過 setStyle 來處理。[ 利用 Google Map 檢視台北市降雨淹水模擬圖 ]
*透過 Google Maps API 處理 GeoJSON 資料
*從 GeoJSON 資料也能轉換成 Heat Map 的視覺化形式 [ 淺談 Google map Heat map API ]
+ 透過 Google Maps API 處理 GeoJSON 資料
+ *http://kuro.tw/posts/2015/04/28/through-the-google-maps-api-geojson-data
+ JS Bin 立即驗證程式視覺結果
+ *http://jsbin.com/totuzisobo/1/edit?html,css,js,output
- 資料轉換與資料格式預處理
+
+ *資料轉換與資料格式預處理
kml 檔案轉為 geoJSON
*mapbox 的 togeojson 套件，透過 toGeoJSON.kml(doc) 可以將kml轉為 geoJSON 。
-
GeoJSON 開發好物
*http://geojson.io/#map=8/25.024/121.369
+ *http://geojsonlint.com/
+ USGS GeoJSON Summary Format
+ *http://earthquake.usgs.gov/earthquakes/feed/v1.0/geojson.php
+ The GeoJSON Format Specification
+ *http://geojson.org/geojson-spec.html#examples
- leafletjs
+
+ *Javascript 及 Google Map 相關套件
+ Leaflet.js
*http://leafletjs.com/examples/geojson.html
+ Javascript 視覺化套件
+ plotly.js
+ TURF - Develop by MapBox 輕量高速的 Web-GIS JS Library
+ *Turf is a JavaScript library for spatial analysis.
+ *http://turfjs.org/static/docs/
+ *Turf.js - 地理資訊的分析與地圖
|
||
| 2015-10-27 16:24 – 16:25 | r180 – r217 | |
顯示 diff（18 行未修改）
kml 檔案轉為 geoJSON
*mapbox 的 togeojson 套件，透過 toGeoJSON.kml(doc) 可以將kml轉為 geoJSON 。
+
+ GeoJSON 開發好物
+ *http://geojson.io/#map=8/25.024/121.369
+
+ leafletjs
+ *http://leafletjs.com/examples/geojson.html
|
||
| 2015-10-16 01:18 – 01:31 | r133 – r179 | |
顯示 diff 研究筆記 - Javascript plot
+
+
+ Javascript 視覺化套件
plotly.js
- kml 檔案轉為 geoJSON
- *mapbox 的 togeojson 套件，透過 toGeoJSON.kml(doc) 可以將kml轉為 geoJSON 。
+ Google Map 資料匯入
+ * Google Map 可匯入 CSV、TSV、KML、KMZ、GPX 或 XLSX，一個圖層只能匯入一個資料檔案，每個檔案最多可以有 2,000 列資料。[官方說明]
- Google Map Visualization
+ Google Map Visualization
* Google Maps Javascript API 輸出的 GeoJSON 預設的樣式是黑線，可透過 setStyle 來處理。[ 利用 Google Map 檢視台北市降雨淹水模擬圖 ]
*透過 Google Maps API 處理 GeoJSON 資料
*從 GeoJSON 資料也能轉換成 Heat Map 的視覺化形式 [ 淺談 Google map Heat map API ]
- *
+
+ 資料轉換與資料格式預處理
+ kml 檔案轉為 geoJSON
+ *mapbox 的 togeojson 套件，透過 toGeoJSON.kml(doc) 可以將kml轉為 geoJSON 。
|
||
| 2015-10-16 01:18 | r132 | |
顯示 diff（14 行未修改）
|
||
| 2015-10-16 01:12 – 01:18 | r107 – r131 | |
顯示 diff（10 行未修改）
* Google Maps Javascript API 輸出的 GeoJSON 預設的樣式是黑線，可透過 setStyle 來處理。[ 利用 Google Map 檢視台北市降雨淹水模擬圖 ]
*透過 Google Maps API 處理 GeoJSON 資料
+ *從 GeoJSON 資料也能轉換成 Heat Map 的視覺化形式 [ 淺談 Google map Heat map API ]
*
|
||
| 2015-10-16 01:12 | r106 | |
顯示 diff（13 行未修改）
|
||
| 2015-10-16 00:53 – 01:12 | r41 – r105 | |
顯示 diff（7 行未修改）
- g
+ Google Map Visualization
+ * Google Maps Javascript API 輸出的 GeoJSON 預設的樣式是黑線，可透過 setStyle 來處理。[ 利用 Google Map 檢視台北市降雨淹水模擬圖 ]
+ *透過 Google Maps API 處理 GeoJSON 資料
+ *
|
||
| 2015-10-16 00:53 | r40 | |
顯示 diff（10 行未修改）
|
||
| 2015-10-16 00:51 – 00:53 | r15 – r39 | |
顯示 diff（4 行未修改）
kml 檔案轉為 geoJSON
+ *mapbox 的 togeojson 套件，透過 toGeoJSON.kml(doc) 可以將kml轉為 geoJSON 。
+
+
+ g
|
||
| 2015-10-16 00:51 | r14 | |
顯示 diff（6 行未修改）
|
||
| 2015-10-16 00:51 – 00:51 | r11 – r13 | |
顯示 diff（1 行未修改）
plotly.js
+
+
+ kml 檔案轉為 geoJSON
|
||
| 2015-10-14 22:18 – 22:18 | r3 – r10 | |
顯示 diff 研究筆記 - Javascript plot
- p
+ plotly.js
|
||
| 2015-10-14 22:18 | r2 | |
顯示 diff（3 行未修改）
|
||
| 2015-10-14 22:18 | r1 | |
顯示 diff 研究筆記 - Javascript plot
+
+ p
|
||
| 2015-10-14 22:17 | r0 | |
顯示 diff-
+ 研究筆記 - Javascript plot
|
||