發表文章

目前顯示的是 四月, 2016的文章

[JavaScript] 將 CSV 檔案轉換成 JSON 資料

我們在拿到客戶提供的資料的時候常常會拿到 excel 檔案(這算幸福的)
至少我們可以簡單的利用一些軟體轉成 csv丟進資料庫裡處理。如果搭配個後端 API 基本上資料都不會是太大的問題可以做成 JSON 供 JavaScript 使用,但是如果在沒有後端或是資料庫的環境中呢?


首先我們先把 csv 檔案放到 server上 利用 $.get() 取得內容,接著將內容String 丟進我們待會會用到的 csvJSON 外掛 function 中。就會取得 JSON
但是這個時候的 JSON 還是 String 的形態所以還無法被解析,我們再加個 JSON.parse() 就可以拿到整個 JSON 物件摟!


function 來源:
https://gist.github.com/iwek/7154578

利用 google MAP API 取得座標之間的距離

圖片
這次我收到的任務是,客戶給我一堆經緯度地理座標,我必須要去計算每個點和我之間的距離。然後要進行排序的動作
如果是之前的解法的話,我必須要自己去計算每個點和我自己的距離,寫入到一個陣列後再進行排序。其實非常的累,Google推出的這隻API可以讓我們把經緯度一次都丟給他,然後他直接回傳結果給我們(真是非常佛心)。
不過還是有規範限制的:
每個要求最多能有 25 個起點或 25 個目的地;每個要求最多能有 100 個元素 (起點數乘以目的地數)。要使用 GOOGLE API_KEY 在官方文件的範例中點選 API_KEY 直接它就會幫你套用 API_KEY (怎麼這麼好)






這個範例會從載入地圖畫面 到顯示地址,座標轉換通通都一次丟出來。我們也可以針對裡面做精簡的處理,就可以單純地取得列表(google 並沒有幫我們排序,我們可以自己來)。


官方API文件路徑:
Distance Matrix 服務