jQuery tinyMap v3.2 release
前一陣子釋出了 v3.2 版本,也順便更新了套件網站,除了讓網站讀取更為順暢,也將使用文件做了大幅度更動。
v3.2 最主要的更新有:
- 不再需要手動引入 Google Maps API 以及 markerclusterer 函式庫了。
- 可自訂路徑規劃各中繼點的圖示。
- 支援原生 directions 參數。
- 支援原生 kml 參數。
- 支援原生 markerCluster 參數。
- 支援 Places API。
- 更有彈性的 clear 清除方法。
- 全新的 get 方法,讓獲取圖層更彈性及簡單。(v3.2.3)
- 修正錯誤。
get 方法使用範例
// 取得所有圖層
var layers = $(selector).tinyMap('get');
// 取得指定圖層
var layer = $(selector).tinyMap('get', 'marker');
// 取得多個圖層
var layer = $(selector).tinyMap('get', 'marker,direction');
// 取得圖層內的某個物件
var layer = $(seoector).tinyMap('get', {
'marker': [0, 1…] // 以順序位置取出
'direction': ['A', 'B'…] //以自訂 ID 方式取出
'circle': [0, 'A', 2…] // 混合方式
});
// Callback
$(selector).tinyMap('get', 'marker', function (layers) {
console.dir(layers);
});
clear 方法使用範例
和 get 方法類似。
// 清除所有圖層
var layers = $(selector).tinyMap('clear');
// 清除圖層內的某個物件
var layer = $(seoector).tinyMap('clear', {
'marker': [0, 1…] // 以順序位置
'direction': ['A', 'B'…] //以自訂 ID 方式
'circle': [0, 'A', 2…] // 混合方式
});
前一陣子釋出了 v3.2 版本,也順便更新了套件網站,除了讓網站讀取更為順暢,也將使用文件做了大幅度更動。
v3.2 最主要的更新有:
- 不再需要手動引入 Google Maps API 以及 markerclusterer 函式庫了。
- 可自訂路徑規劃各中繼點的圖示。
- 支援原生 directions 參數。
- 支援原生 kml 參數。
- 支援原生 markerCluster 參數。
- 支援 Places API。
- 更有彈性的 clear 清除方法。
- 全新的 get 方法,讓獲取圖層更彈性及簡單。(v3.2.3)
- 修正錯誤。
get 方法使用範例
// 取得所有圖層
var layers = $(selector).tinyMap('get');
// 取得指定圖層
var layer = $(selector).tinyMap('get', 'marker');
// 取得多個圖層
var layer = $(selector).tinyMap('get', 'marker,direction');
// 取得圖層內的某個物件
var layer = $(seoector).tinyMap('get', {
'marker': [0, 1…] // 以順序位置取出
'direction': ['A', 'B'…] //以自訂 ID 方式取出
'circle': [0, 'A', 2…] // 混合方式
});
// Callback
$(selector).tinyMap('get', 'marker', function (layers) {
console.dir(layers);
});
clear 方法使用範例
和 get 方法類似。
// 清除所有圖層
var layers = $(selector).tinyMap('clear');
// 清除圖層內的某個物件
var layer = $(seoector).tinyMap('clear', {
'marker': [0, 1…] // 以順序位置
'direction': ['A', 'B'…] //以自訂 ID 方式
'circle': [0, 'A', 2…] // 混合方式
});