Gitee代碼倉庫：桂院校園導航小程序
GitHub代碼倉庫：GLU-Campus-Guide
靜態項目 2.0版本 升級日志
| 序號 | 板塊 | 詳情 |
|---|---|---|
| 1 | 首頁 | 重做了首頁，界面更加高效和美觀 |
| 2 | 校園頁 | 新增了 “校園指南” 功能，可以搜索和瀏覽校園生活指南 |
| 3 | 地圖頁 | ①棄用路線規劃插件，改用SDK開發包。可以無阻通過審核并發布。得益于SDK中的接口，能夠獲取路線數據，可以渲染到地圖上 ②新增軌跡回放功能，獲取路線后，有小車沿著路線，從起點移動到終點 ③新增點聚合功能，地點過于密集時，會自動聚合此類地點 ④新增地點搜索功能，可將查詢的結果作為地圖起點/終點 ⑤新增起點終點交換功能，可一鍵交換起點和終點 ⑥頁面底部按鈕重做，點擊可以查看當前類別下的地點/路線詳情 ⑦更改了類別欄的位置，刪去了地點欄 |
| 4 | 數據存儲 | 數據分門別類寫入多個js文件，使用時分別引入。區分開容易查找和修改 media.js ：圖片和視頻路徑 school.js ：學校和校園指南信息 map.js ：地圖參數、各個地點的坐標 utils.js ：其他信息 |
?
0. 導入項目
桂院校園導航 | 云上高校導航 導入與配置教程
圖片均引用自圖床鏈接，自行修改
作者用過的圖床：cdn加速圖床、路過圖床、云圖床
1. 全局 app.json
app.json 中的 navigationBarTitleText 屬性 設置的是 全局的導航欄標題文字內容，改成自己的。
"navigationBarTitleText": "桂院校園導航",2. 首頁 pages/home/home
風景輪播圖 引用?media.js 的數據，來源于圖床鏈接，?自行修改。
圖標 引用?media.js 的數據，均引用 images文件夾 的圖片，?自行修改。
校徽（將新圖片拖入文件夾覆蓋原圖片）
學校信息（學校全稱 + 學校信息） 引用?school.js 的數據，自行修改。
部分信息（小程序名稱） 引用?utils.js 的數據，自行修改。
天氣api 引用?utils.js 的數據，調用 和風天氣API 實現?，自行修改。
和風天氣API申請教程
如果你想搞那種根據定位獲取天氣，或者是展示更多天氣的那種，可以參考下面的大佬的文章
微信小程序實現天氣預報功能（支持自動定位）（附源碼）
官微按鈕是通過 wx.previewImage 接口實現（全屏預覽圖片）。
獲取 公眾號二維碼 的方法
招生官微按鈕是通過?wx.navigateToMiniProgram 接口實現（跳轉外部小程序）。如果你學校沒有小程序就改成像樓上一樣全屏預覽圖片（學校的官方圖書館、學生會或者什么的公眾號）。
獲取 小程序 appId 的方法
???
3. 學校簡介?pages/home/introduction/introduction
風景輪播圖 和首頁的 是一樣的，就不用改了
學校信息（學校全稱 + 學校英文名 + 學校簡介） 引用?school.js 的數據，自行修改。
?宣傳視頻?引用?media.js 的數據，?自行修改。
作者目前的方法是：引用 gitee page 中的視頻鏈接
4. 地圖信息?pages/map/map
圖標 引用?media.js 的數據，均引用 images文件夾 的圖片，?自行修改。
地圖api 引用?map.js 的數據，調用 騰訊位置服務API 實現?，自行修改。
騰訊位置服務API申請教程
地點數據 引用 map.js 的數據。使用嵌套list存儲的，自行修改。
嵌套list 外層 是 類別 ，內層是當前 類別 下的 所有 地點。
里面的數據都要加上引號
圖片均引用自圖床
地圖數據 引用?map.js 的數據。
longitude：地圖中心點坐標經度（范圍：-180→180）
latitude ：地圖中心點坐標緯度（范圍：-90→90）
經緯度不要寫反了
enablepoi：是否展示?POI?點
showLocation：是否顯示帶有方向的當前定位點
scale：地圖默認縮放級別
minscale：地圖最小縮放級別，比默認縮放級別小一點為宜
地圖中心點坐標
取對角線兩點的坐標，平均值即為中心點坐標
坐標拾取器
?
地圖邊界、學校范圍
地圖邊界：限制地圖的顯示范圍，不能劃出這個范圍
通過?MapContext.setBoundary 接口實現，使用此接口需基礎庫 2.22.0及以上版本
學校范圍：判斷當前位置（定位）在不在學校
通過?wx.getLocation 接口獲取當前的地理位置。將其中的 經度 緯度 進行判斷，若 經度 和 緯度 在特定范圍內，就說明?你的位置 在校區內。
wx.getLocation接口 申請教程
坐標拾取器
?????
默認地點
當前位置不在學校時，需指定一個默認地點
默認地點 引用?map.js 的數據，自行修改。
???
自定義圖層（覆蓋校園地圖）
我使用這個是因為我的學校在騰訊地圖上太干凈了（啥都沒有）。。。影響觀感。
之后用PS畫的校園地圖。
可以來比較一下
不同學校（都是100米標尺），簡直是天壤之別。
??
自定義圖層是通過?MapContext.addGroundOverlay 接口實現（創建自定義圖片圖層，圖片會隨著地圖縮放而縮放）。
自定義圖層不會在 微信開發者工具上 顯示，只能在移動端查看。
不得不說，這個坐標真的難調，暫時沒有找到很好的方法。
5. 學校指南 pages/school/school 和 pages/school/word/word
學校指南信息 引用?school.js 的數據，使用list結構存儲，自行修改。
???
6. 更多?pages/more/more
去除了登錄的全部代碼，因為現在想要獲取小程序用戶頭像昵稱很麻煩
有需要的可以自行研究
小程序用戶頭像昵稱獲取規則調整公告
“特別說明”按鈕中的說明信息?自行修改?，若不用就刪掉
“支持一下”按鈕?不用就刪掉
“聯系作者”按鈕是通過 wx.previewImage 接口實現（全屏預覽圖片），自行在media.js中更改為你自己的微信二維碼。
“推薦給好友”按鈕，之前是能轉發，但目前我的小程序沒法認證，就改成預覽圖片，自行在media.js中更改為你自己的小程序維碼。
??
7. 軟件聲明?pages/more/statement/statement
如果用到了 我的項目或代碼 請說明，謝謝！
相關信息 引用?utils.js 的數據，自行修改。
如果你開源自己項目，就自行更改；否則刪掉。
???
到這里就結束啦，表揚一下優秀的你自己吧，能夠把這么長的教程看完
)
