[筆記] 阻擋 android chrome 網頁下拉自動重整頁面

早上開會時,同事提到了 Android 升級後,Chrome for Android 會出現網頁畫面在瀏覽器頂端時,往下拉會重整頁面的問題(其實應該說是 Feature XD),因為這個新功能會造成網頁使用上的一些困擾,於是試了幾種方式,發現可以阻擋網頁重整的動作,趁還有印象就把它記錄下來。

閱讀全文

[筆記] Shapefile to GeoJSON

因為每次轉檔都要查,索性把步驟記錄下來。

首先要安裝 GDAL (Geospatial Data Abstraction Library) 這個程式, 因為我是用 Mac ,所以在 terminal 輸入 brew install gdal 就可以了。

閱讀全文

[snippet] D3.js 甜甜圈圖 (donut chart) 的放大漸變效果

做法很簡單,就是做兩個 d3.svg.arc() 然後在 mouseover & mouseout 的時候改變 d 屬性即可。

這裏就拿 http://bl.ocks.org/mbostock/3887193 作為範例。

閱讀全文

淺談 Google map Heat map API

前陣子因為工作的需要,稍微研究了一下 Google Map 提供的 HeatMap (熱點圖/熱圖) API,實作方面也滿容易的,在這裡就簡單做個紀錄。

HeatMap (以下稱熱圖) 是用來表示資料數值強度與位置的可視化,Google 熱圖 API 在預設情況下,高強度的數值會以紅色表示,低強度的數值則是以綠色來表示。

閱讀全文

透過 Google Maps API 處理 GeoJSON 資料

在說明 Google Map 如何存取 GeoJSON 前,先來簡單介紹 GeoJSON。

GeoJSON 是一種專門處理地理資訊 (GIS) 結構的 JSON 標準格式。 一個 GeoJSON 物件可以用來代表 (Point), (LineString),多邊形 (Polygon) 等等的幾何結構,以及特徵 (Feature) 的集合,或是一系列的特徵 (FeatureCollection)。

閱讀全文

透過 Google map Geocoder API 以經緯度轉換地址資訊

前陣子因為需求的關係,需要以經緯度來轉換地址,幸好 Google map API 有提供 Geocoder 可以轉換大略地址的服務。使用方式非常簡單,我們這裡以立法院的經緯度 (25.0439892, 121.5212213) 為例:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
var geocoder = new google.maps.Geocoder();
// google.maps.LatLng 物件
var coord = new google.maps.LatLng(25.0439892, 121.5212213);
// 傳入 latLng 資訊至 geocoder.geocode
geocoder.geocode({'latLng': coord }, function(results, status) {
if (status === google.maps.GeocoderStatus.OK) {
// 如果有資料就會回傳
if (results) {
console.log(results[0]);
}
}
// 經緯度資訊錯誤
else {
alert("Reverse Geocoding failed because: " + status);
}
});

閱讀全文