Hackpad 封存器 - lass

研究筆記 - Javascript plot

最後編輯：2015-10-29 建立：2015-10-14 歷史紀錄

 

    WAYNE C不必寫程式就可以開始視覺化

WAYNE CGoogle 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

 

 

    WAYNE CGoogle Map API 相關使用方法

WAYNE CGoogle Map Visualization

透過 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

 

 

    WAYNE C資料轉換與資料格式預處理

WAYNE Ckml 檔案轉為 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

 

 

    WAYNE CJavascript 及 Google Map 相關套件

WAYNE CLeaflet.js

  • http://leafletjs.com/examples/geojson.html

Javascript 視覺化套件

plotly.js

TURF - Develop by MapBox 輕量高速的 Web-GIS JS Library