Skip to content

Tag: google maps


jQuery tinyMap v3.2 release

Post date:

前一陣子釋出了 v3.2 版本,也順便更新了套件網站,除了讓網站讀取更為順暢,也將使用文件做了大幅度更動。 GitHub jQuery tinyMap 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 = […]

Categories:

jQuery tinyMap 進階應用

Post date:

五年來,jQuery tinyMap 已邁入 v2.8.4,期間也是因為有許多網友們的建議,才能有逐漸成型的今日,就連 Facebook 分享數都突破了 300 大關,真是深感意外。 所以我整理了幾個比較特殊的問題並整理成範例讓更多人可以參考。 找出距離最近的標記 可以利用 Google Maps API 提供的幾何圖形程式庫來計算各點與目前的直線距離。 要使用該程式庫,在引入 API 時需加上 libraries=geometry 參數: <script src="//maps.google.com/maps/api/js?sensor=false&libraries=geometry"></script> 在 Map Idle 事件內用迴圈逐一比對各標記與某點之間的距離,並將所得結果(公尺)存入陣列,再找出陣列最小值的索引值即可。