iT邦幫忙

2

網頁新手請益

各位大家好我是剛碰網頁的新手想請問一下,這個租屋網是如何移動地圖然後左邊的資料就會更新,
因為我找不到關鍵詞所以想問一下各位大佬謝謝
https://pigrent.com/list?keyword=&kind=housing&isMobile=true&isShowMap=false
如有不妥我會刪除文章的打擾了

圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

1 個回答

2
dragonH
iT邦超人 5 級 ‧ 2019-06-22 20:25:23
最佳解答

根據google map 的官方文件

有這些 event可以用

bounds_changed
center_changed
mousemove

反正就是 map 移動時觸發的 event

然後你可以開console看

只要地圖更新

他就會向後端 server 發 request 要資料

傳到後端的資料看起來就是一些經緯度座標跟關鍵字

後端 server 就會回傳相對應 左邊欄位的資料

然後前端再依據資料更新就好

對於用vue.js的這網頁來說應該很容易

以上為不專業分析

我要發表回答

立即登入回答