台灣最大程式設計社群網站
線上人數
1117
 
會員總數:240849
討論主題:186637
歡迎您免費加入會員
討論區列表 >> Java Script/ Node.js >> Google Map API Overlay 拖曳位置異常
[ 變換順序 ]  
[我要回覆]
1
回應主題 加入我的關注話題 檢舉此篇討論 將提問者加入個人黑名單
Google Map API Overlay 拖曳位置異常
價值 : 300 QP  點閱數:136 回應數:1

樓主

SunnyHi
初學者
715 6
354 59
發送站內信

我想用 Google Map API 的 Overlay 實作一個可以依照地圖縮放,以及拖曳的功能
目前測試的結果,在 Safari,JSFiddle 上可以正常運行
但是在 Chrome 與 FireFox 會出現拖曳時,只要滑鼠一鬆開,位置就飄走的異常
Chrome 的部分目前只要將 google map 放在 iframe 中,就可以正常運行(雖然這個解法很怪),
FireFox 則是完全拖曳不了。


程式碼:
google drive: https://drive.google.com/open?id=0B7HJTzl5-_FtdVMtZmJSalFydU0
jsfiddle: https://jsfiddle.net/tta1vubr/

(在 jsfiddle 只要全螢幕地圖,在移動圖案,就會出現異常)

另外,Overlay 在 FireFox 中拖曳,也會出現位置飄掉的問題

程式碼:
http://jsfiddle.net/doktormolle/QRuW8/

不知道這些問題有沒有解?

搜尋相關Tags的文章: [ javascript ] , [ google map api ] ,
本篇文章發表於2017-10-03 16:30
別忘捐VP感謝幫助你的人 新手會員瞧一瞧
1樓
回應

浩瀚星空
捐贈 VP 給 浩瀚星空 檢舉此回應
這其實也沒什麼好奇怪的。

各瀏覽器中的client值跟pos值各自解釋的方式不一樣。
其可視介面xy軸。在各瀏覽器中也會略有所不同。

一般我會比較建議你針對jquery來做處理會比較快。省的去計算那些位移的點。
或是可以改用offset相關的值來做定位計算處理。用相對位置的方式計算。
就比較不容易發生問題。
本篇文章回覆於2017-10-04 12:13
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
[ 變換順序 ]   
1

回覆
如要回應,請先登入.