分享至
各位大家好我是剛碰網頁的新手想請問一下，這個租屋網是如何移動地圖然後左邊的資料就會更新，因為我找不到關鍵詞所以想問一下各位大佬謝謝https://pigrent.com/list?keyword=&kind=housing&isMobile=true&isShowMap=false如有不妥我會刪除文章的打擾了
已邀請的邦友 {{ invite_list.length }}/5
根據google map 的官方文件
有這些 event可以用
bounds_changed center_changed mousemove
反正就是 map 移動時觸發的 event
然後你可以開console看
只要地圖更新
他就會向後端 server 發 request 要資料
傳到後端的資料看起來就是一些經緯度座標跟關鍵字
後端 server 就會回傳相對應 左邊欄位的資料
然後前端再依據資料更新就好
對於用vue.js的這網頁來說應該很容易
以上為不專業分析
IT邦幫忙
iThome鐵人賽
看影片追技術