日日操夜夜添-日日操影院-日日草夜夜操-日日干干-精品一区二区三区波多野结衣-精品一区二区三区高清免费不卡

公告:魔扣目錄網(wǎng)為廣大站長提供免費(fèi)收錄網(wǎng)站服務(wù),提交前請做好本站友鏈:【 網(wǎng)站目錄:http://www.ylptlb.cn 】, 免友鏈快審服務(wù)(50元/站),

點(diǎn)擊這里在線咨詢客服
新站提交
  • 網(wǎng)站:51998
  • 待審:31
  • 小程序:12
  • 文章:1030137
  • 會員:747

現(xiàn)在科技的發(fā)展太快,我們?nèi)ヒ粋€(gè)陌生的地方也是說走就走。世界變得越來越小,現(xiàn)在導(dǎo)航軟件已經(jīng)是我們手機(jī)必裝的軟件之一,衣食住用行統(tǒng)統(tǒng)囊括其中。今天就以高德地圖為例,給大家說說除了導(dǎo)航軟件常用的功能如駕車、打車、公交地鐵、騎行、飛機(jī)等功能之外,還有一些好玩好用的功能,看看你用過嗎?

干貨|如何在APP中加入地圖功能

 

一、自動(dòng)顯示車輛定位功能‍

我們經(jīng)常會開車去一些陌生的地方,車停了以后,就會走路去逛。結(jié)果當(dāng)時(shí)沒有特意去記錄這個(gè)停車位置,導(dǎo)致好幾次回來后一兩下找不到停車點(diǎn)。非常的煩人。現(xiàn)在好了,高德有了這個(gè)自動(dòng)顯示車輛定位功能以后。我們只要打開高德地圖就可以清晰地顯示車輛的位置在哪里。是不是很實(shí)用?再也不怕找不到自己的汽車位置了。

干貨|如何在APP中加入地圖功能

 

*前提條件:

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ā)送的地址才行。

干貨|如何在APP中加入地圖功能

 

前提條件:手機(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中加入地圖功能

 

那么怎么在App中嵌入高德地圖呢?

你需要注冊并登錄中控易動(dòng)平臺(www.yd-mobile.cn),點(diǎn)擊右上方"控制臺"-"應(yīng)用項(xiàng)目"或"免費(fèi)試用",創(chuàng)建完成進(jìn)入應(yīng)用:

插件工作原理

  1. 開發(fā)者首先在本地像編寫 web 頁面一樣編寫一個(gè) app 的界面,然后通過命令行工具將之編譯成一段 JAVAScript 代碼,生成一個(gè) Weex 的 JS bundle;
  2. 開發(fā)者將生成的 JS bundle 部署至云端;
  3. 調(diào)用插件API navigator.map.open(resultCallback, options) 通過網(wǎng)絡(luò)請求的方式加載至用戶的移動(dòng)應(yīng)用客戶端;

環(huán)境安裝

  1. 安裝Node.js
  2. 安裝weex-toolkit
  3. OSX環(huán)境
  4. $ sudo chmod -R 777 /usr/local/lib/node_modules/$ npm i -g weex-toolkit // 安裝不要使用sudo執(zhí)行$ weex -v // 查看當(dāng)前weex工具版本
  5. windows環(huán)境
  6. $ npm i -g weex-toolkit $ weex -v // 查看當(dāng)前weex工具版本
  7. 安裝結(jié)束后你可以直接使用 weex help命令驗(yàn)證是否安裝成功,它會顯示 weex 支持的所有指令,同時(shí),你也可以通過 weex doctor 命令檢查你的本地開發(fā)環(huán)境
  8. 初始化項(xiàng)目
  9. # 從官方模板中創(chuàng)建項(xiàng)目 $ weex create my-project
  10. 開發(fā)
  11. cd my-project npm install npm start
  12. 命令會自動(dòng)的在默認(rèn)瀏覽器中打開一個(gè)頁面,以供查看頁面在 Web 下的渲染效果。源代碼在 src/ 目錄中,你可以像一個(gè)普通的 Vue.js 項(xiàng)目一樣來開發(fā)。
  13. 在手機(jī)端查看頁面的渲染結(jié)果
    1. 點(diǎn)擊瀏覽器打開頁面中的二維碼,從瀏覽器鏈接欄中拷貝出js文件的地址(注意:鏈接后面的參數(shù)不需要拷貝)
    2. 調(diào)用接口navigator.map.open()
    3. 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列表

干貨|如何在APP中加入地圖功能

 

分享到:
標(biāo)簽:APP
用戶無頭像

網(wǎng)友整理

注冊時(shí)間:

網(wǎng)站:5 個(gè)   小程序:0 個(gè)  文章:12 篇

  • 51998

    網(wǎng)站

  • 12

    小程序

  • 1030137

    文章

  • 747

    會員

趕快注冊賬號,推廣您的網(wǎng)站吧!
最新入駐小程序

數(shù)獨(dú)大挑戰(zhàn)2018-06-03

數(shù)獨(dú)一種數(shù)學(xué)游戲,玩家需要根據(jù)9

答題星2018-06-03

您可以通過答題星輕松地創(chuàng)建試卷

全階人生考試2018-06-03

各種考試題,題庫,初中,高中,大學(xué)四六

運(yùn)動(dòng)步數(shù)有氧達(dá)人2018-06-03

記錄運(yùn)動(dòng)步數(shù),積累氧氣值。還可偷

每日養(yǎng)生app2018-06-03

每日養(yǎng)生,天天健康

體育訓(xùn)練成績評定2018-06-03

通用課目體育訓(xùn)練成績評定