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