前一陣子釋出了 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…] // 混合方式
});