現在科技的發展太快,我們去一個陌生的地方也是說走就走。世界變得越來越小,現在導航軟件已經是我們手機必裝的軟件之一,衣食住用行統統囊括其中。今天就以高德地圖為例,給大家說說除了導航軟件常用的功能如駕車、打車、公交地鐵、騎行、飛機等功能之外,還有一些好玩好用的功能,看看你用過嗎?
一、自動顯示車輛定位功能
我們經常會開車去一些陌生的地方,車停了以后,就會走路去逛。結果當時沒有特意去記錄這個停車位置,導致好幾次回來后一兩下找不到停車點。非常的煩人。現在好了,高德有了這個自動顯示車輛定位功能以后。我們只要打開高德地圖就可以清晰地顯示車輛的位置在哪里。是不是很實用?再也不怕找不到自己的汽車位置了。
*前提條件:
1.高德地圖綁定了車輛信息;
2.車載導航和手機導航有通過藍牙和熱點連接過;
3.只有在有網絡的條件下才顯示;
二、手機位置直接發送到車機功能
手機屏幕太小,所以很多時候還是要看大屏導航。那么這個時候我們就可以把手機上查詢的某個位置一鍵分享給車機導航。最新版的高德在左下角有個汽車和手機的圖標就是了。注意一定要首先選定一個要發送的地址才行。
前提條件:手機導航軟件和車機導航需要在同一賬號下登錄。手機發送到車機的位置信息24小時內都有效。
三、高德AR實景導航功能
AR導航對于路癡的人來說,簡直就是福音。無須在記憶道路標志,只要知道地址,開啟AR導航就行。跟著AR指引線走就行。無論是步行還是駕車都可以開啟的。這對于路線方向感不是太好的朋友真的很實用。如果要車機導航應用AR導航,最好將行車記錄儀連接到車機導航顯示,這樣就不用再需要手機支架進行導航了。
那么怎么在App中嵌入高德地圖呢?
你需要注冊并登錄中控易動平臺(www.yd-mobile.cn),點擊右上方"控制臺"-"應用項目"或"免費試用",創建完成進入應用:
插件工作原理
- 開發者首先在本地像編寫 web 頁面一樣編寫一個 app 的界面,然后通過命令行工具將之編譯成一段 JAVAScript 代碼,生成一個 Weex 的 JS bundle;
- 開發者將生成的 JS bundle 部署至云端;
- 調用插件API navigator.map.open(resultCallback, options) 通過網絡請求的方式加載至用戶的移動應用客戶端;
環境安裝
- 安裝Node.js
- 安裝weex-toolkit
- OSX環境
- $ sudo chmod -R 777 /usr/local/lib/node_modules/$ npm i -g weex-toolkit // 安裝不要使用sudo執行$ weex -v // 查看當前weex工具版本
- windows環境
- $ npm i -g weex-toolkit $ weex -v // 查看當前weex工具版本
- 安裝結束后你可以直接使用 weex help命令驗證是否安裝成功,它會顯示 weex 支持的所有指令,同時,你也可以通過 weex doctor 命令檢查你的本地開發環境
- 初始化項目
- # 從官方模板中創建項目 $ weex create my-project
- 開發
- cd my-project npm install npm start
- 命令會自動的在默認瀏覽器中打開一個頁面,以供查看頁面在 Web 下的渲染效果。源代碼在 src/ 目錄中,你可以像一個普通的 Vue.js 項目一樣來開發。
- 在手機端查看頁面的渲染結果
- 點擊瀏覽器打開頁面中的二維碼,從瀏覽器鏈接欄中拷貝出js文件的地址(注意:鏈接后面的參數不需要拷貝)
- 調用接口navigator.map.open()
- navigator.map.open(function(res){ if(res.success) { console.log('地圖打開成功'); } else { console.log('地圖打開失敗:'+res.message); }},{ 'url':'http://192.168.2.35:8082/dist/index.js', 'hot':'http://192.168.2.35:8083'})
高德API列表