在系統(tǒng)中,使用AntV&L7渲染杭州市四個主要城區(qū)的建筑和道路圖層。外部使用靜態(tài)地理圍墻,以將杭州市的范圍區(qū)劃表示出來。
編寫地圖上的操作控件, 用于控制,有地圖縮放、全屏顯示、調(diào)色板以及熱力圖功能。
相應(yīng)按鍵分布于系統(tǒng)右下角,單擊即可實現(xiàn)相應(yīng)功能。
- 熱力圖:在地圖上顯示該城市景區(qū)的人流量熱力圖
- 右上角圖標:點擊跳轉(zhuǎn)到杭州市文化廣電旅游局,為用戶提供官方的旅游資訊
使用AntV的G2Plot實現(xiàn)可視化面板,包括各區(qū)接待游客量、實時公交、景區(qū)統(tǒng)計以及交通設(shè)施統(tǒng)計,總計4個圖表,便于游客出行參考。
調(diào)節(jié)右側(cè)的柱形表,可尋找符合查詢要求的當前人數(shù)景點,便于游客尋找合適的景區(qū)



點擊右側(cè)城區(qū),可調(diào)整顯示的城區(qū)公交數(shù)量:選中餅圖,可以尋找到5A、4A等分級的景點區(qū)域數(shù)量自動統(tǒng)計杭州市的地鐵、公交等交通設(shè)施數(shù)量。
為增強系統(tǒng)與用戶的交互性,設(shè)計一個菜單功能模塊在系統(tǒng)底部,包括地球自轉(zhuǎn)、控制中心、城市視角以及景區(qū)查詢4個按鈕。
- 地球自轉(zhuǎn):按鈕實現(xiàn)自傳暫停和開始
框選后轉(zhuǎn)到相應(yīng)位置,以散點動圖指示景點位置;點擊詳情,可查看該景區(qū)的詳細信息。





最后,給大家展示學生的匯報作品:https://v.douyin.com/ifSKut3h/
想了解更多課程內(nèi)容,掃碼咨詢新中地官方客服:
