Skip to content

Tag: tinymap


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 事件內用迴圈逐一比對各標記與某點之間的距離,並將所得結果(公尺)存入陣列,再找出陣列最小值的索引值即可。

tinyMap 2.0 jQuery Plugin

Post date:

自從研究 Plurk API 失敗後,也剛好 Google Map API Javascript v3 已釋出一段時間,索性這次整個改寫 tinyMap。 Demo: tinyMap 2.0 jQuery Plugin 2.0 版的特色: 使用 Google Map API v3 改寫 加入路徑規劃功能 延伸閱讀: tinyMap – 自訂個人Google Map 的jQuery 擴充套件